reactjs相关内容

如何让YUP执行多个定制验证?

我正在做一个ReactJS项目。我正在学习使用Yup与FormIk进行验证。以下代码运行正常: const ValidationSchema = Yup.object().shape({ paymentCardName: Yup.string().required(s.validation.paymentCardName.required), paymentCardNumber: Y ..
发布时间:2022-09-24 23:18:57 其他开发

需要澄清Reaction+Reaction-Redux挂钩+中间件thunk+抓取API

我对React和Redux不熟悉。现在学习有关钩子的知识,真的很困惑。 做一个教程应用程序(老师正在使用课程),它应该从jsonPlacehold(异步)获取一些API数据,然后与redux一起使用。目前,我无法在屏幕上显示提取的数据。 最下面还有我的两个附加问题。 我的代码(这不起作用): 错误: TypeError:posts.map不是函数 PostList.js i ..
发布时间:2022-09-23 22:09:42 其他开发

在redux-thunk中调用一个异步函数内的另一个函数

我正在构建一个Reaction应用程序,并使用redux-thunk进行异步操作。我有两个函数getActivities()和createActivity(),我想在成功调用后者后调用前者。但是如果我将getActivities()放在createActivity()的then块中,它就不会被调用(这通过没有看到我放在getActivities()中的console.log()来证明)。下面是两个 ..
发布时间:2022-09-23 21:46:12 前端开发

如何在本机Reaction中同步两个平面列表滚动位置

正如您在上图中看到的,有一个由两列组成的垂直列表。我开发了两个Flat List,因为我无法使用Flat List列选项在一行上设置不同高度的照片样式。 我希望两个平面图具有相同的滚动位置。 我包装了两个FlatList组件以同步滚动。但这里有一个问题。ScllView忽略无限滚动并一次调用所有分页对象。存在性能问题。 如何解决此问题? 这是我的组件代码 import ..
发布时间:2022-09-23 13:15:07 移动开发

为什么使用REACT-Native-Tab-view在REACT原生无限滚动中,滚动条位于顶部

我在我的应用程序中使用react-native-tab-view,其中我有两个选项卡。我正在通过API调用加载选项卡数据,以便在侧面选项卡中创建无限滚动分页,当数据从API连接到我的FlatList数据中时,则每次我的滚动条重置到顶部位置。我目前的零食demo如下:https://snack.expo.io/@luckyamit/9905d4 我不想在每个API调用中将滚动条重置在顶部,我已经为 ..

如何为Reaction钩子(useState等)进行流类型批注?

我们应该如何将流类型批注与Reaction挂钩一起使用,例如useState?我试着搜索了一些应该如何实现它们的例子,但没有找到任何东西。 我尝试过: const [allResultsVisible, setAllResultsVisible]: [ boolean, (boolean) => void, ] = useState(false); 它不会抛出任何与流相关的错误,但 ..
发布时间:2022-09-22 22:15:55 其他开发

在Reaction类型脚本中推断2个道具之间的泛型类型

我相信这是可能的,但我还不太擅长TS中的高级打字,所以: 我想让Reaction组件在一个道具中接受任何对象形状数组,然后在不同的(事件函数)道具中发出相同的类型。 interface Props { data: AnyGenericRow[]; onRow: (row: AnyGenericRow) => void; } 我应该如何键入AnyGenericRow以实现我想 ..
发布时间:2022-09-22 19:12:38 其他开发

提及列表和表情符号排名靠前(Draft.js)

您能帮我把它的位置从下到上改一下吗? 我想要在文本的顶部而不是底部显示提及列表。 表情符号列表也有同样的问题。 Example link. 推荐答案 可以通过positionSuggestions配置选项实现。此选项可用于mention和emoji插件。 文档摘录: 职位建议 该函数可用于操作包含建议的弹出窗口的位置。它会收到一个 对象作为参数,该参数包含 修饰 ..
发布时间:2022-09-22 09:28:32 其他开发

组件没有重新渲染,调用减速器和道具后没有更新?

我正在尝试从股票API获取一些股票数据。 我可以使用正常的反应钩子来获取它,但在使用Redux和Redux Saga来获取它时,我面临着问题。 在第一次渲染中,它不会更新redux存储。 它更新第二个渲染中的复制存储。 但即使更新了Redux存储区,我的组件也不会获得更新状态?? 有人能帮忙吗? 这是我的组件: import React, { useState,useEffect ..
发布时间:2022-09-20 17:58:17 前端开发

Redux Saga-如何在登录后调用多个操作

我想要做的是在登录应用程序后,我想在我的传奇故事中调度几个动作,以获得完全否。反馈和员工。有人能帮我理解一下我是如何做到这一点的吗:- 登录传奇 function* loginSaga(action) { try { const userData = yield call(api.auth.login, action.payload); yield put(acti ..
发布时间:2022-09-20 17:36:52 其他开发

在测试期间无法访问组件中的DOM元素(在浏览器中工作)

背景 我有一个组件,我在其中访问一个元素的子元素(使用ref)。目标是截取输入字段中的粘贴事件,并将粘贴的内容拆分并分布在几个不受控制的表单输入元素上。在浏览器(使用Storybook)中呈现组件时,这一切都工作得很好。 问题 但是,在测试中,我无法以任何我尝试的方式访问子对象。 问题 我如何使用fireEvent或如何设置测试是否有问题? 我是新手,我是否应该以其 ..
发布时间:2022-09-04 13:21:17 其他开发