reactjs相关内容
我希望在装入表单时显示字段错误。不是在提交之后。 是的: const validation = Yup.object().shape({ field: Yup.string().required('Required') }); Formik:
..
我正在做一个ReactJS项目。我正在学习使用Yup与FormIk进行验证。以下代码运行正常: const ValidationSchema = Yup.object().shape({ paymentCardName: Yup.string().required(s.validation.paymentCardName.required), paymentCardNumber: Y
..
我对React和Redux不熟悉。现在学习有关钩子的知识,真的很困惑。 做一个教程应用程序(老师正在使用课程),它应该从jsonPlacehold(异步)获取一些API数据,然后与redux一起使用。目前,我无法在屏幕上显示提取的数据。 最下面还有我的两个附加问题。 我的代码(这不起作用): 错误: TypeError:posts.map不是函数 PostList.js i
..
我有一个应用程序,它使用第一个createAsyncThunk从API获取第一个页面,然后我希望第二个createAsyncThunk获取下一个页面,在用户到达页面底部并以无限滚动的方法获取数据时触发。 // Gets the First 10 Posts from the API export const getPosts = createAsyncThunk( "post/getPo
..
我在我的应用程序中使用Redux进行状态管理--使用Reaction Hooks。我可以点击API并从我的操作创建者日志中获得如下屏幕截图: 以下是我试图在其中显示结果的组件的代码: import { useState, useEffect } from "react"; import {Link} from 'react-router-dom'; import styled fro
..
我正在构建一个Reaction应用程序,并使用redux-thunk进行异步操作。我有两个函数getActivities()和createActivity(),我想在成功调用后者后调用前者。但是如果我将getActivities()放在createActivity()的then块中,它就不会被调用(这通过没有看到我放在getActivities()中的console.log()来证明)。下面是两个
..
我的水平列表中有大约10个项目。我如下所示存储了对每个项目的引用。 const Item = ({ title, image, index }) => { linkRefs[index] = useRef(null); return (
..
我正在尝试将FlatList项放在列表的HeaderComponent旁边。我希望房间从Create房间旁边开始。下面是它的外观图片[1]:https://i.stack.imgur.com/qyZZP.png 以下是房间列表的代码: } numColumns={2} data
..
正如您在上图中看到的,有一个由两列组成的垂直列表。我开发了两个Flat List,因为我无法使用Flat List列选项在一行上设置不同高度的照片样式。 我希望两个平面图具有相同的滚动位置。 我包装了两个FlatList组件以同步滚动。但这里有一个问题。ScllView忽略无限滚动并一次调用所有分页对象。存在性能问题。 如何解决此问题? 这是我的组件代码 import
..
我在我的应用程序中使用react-native-tab-view,其中我有两个选项卡。我正在通过API调用加载选项卡数据,以便在侧面选项卡中创建无限滚动分页,当数据从API连接到我的FlatList数据中时,则每次我的滚动条重置到顶部位置。我目前的零食demo如下:https://snack.expo.io/@luckyamit/9905d4 我不想在每个API调用中将滚动条重置在顶部,我已经为
..
我们应该如何将流类型批注与Reaction挂钩一起使用,例如useState?我试着搜索了一些应该如何实现它们的例子,但没有找到任何东西。 我尝试过: const [allResultsVisible, setAllResultsVisible]: [ boolean, (boolean) => void, ] = useState(false); 它不会抛出任何与流相关的错误,但
..
我相信这是可能的,但我还不太擅长TS中的高级打字,所以: 我想让Reaction组件在一个道具中接受任何对象形状数组,然后在不同的(事件函数)道具中发出相同的类型。 interface Props { data: AnyGenericRow[]; onRow: (row: AnyGenericRow) => void; } 我应该如何键入AnyGenericRow以实现我想
..
您能帮我把它的位置从下到上改一下吗? 我想要在文本的顶部而不是底部显示提及列表。 表情符号列表也有同样的问题。 Example link. 推荐答案 可以通过positionSuggestions配置选项实现。此选项可用于mention和emoji插件。 文档摘录: 职位建议 该函数可用于操作包含建议的弹出窗口的位置。它会收到一个 对象作为参数,该参数包含 修饰
..
我正在尝试处理我的redux saga函数,并希望传入关于check Error redux saga函数的错误: export function* onCheck({payload}) { try { if (internetConnected) { const response = yield call(checkApi, payload); if (
..
我有一个场景,其中我需要并行进行多个API调用。目前,代码使用redux-sagaall来完成以下操作: try { const results = yield all( someIds.map(id => call(axios.delete, `/api/somewhere/items/${id}`) ) ); console
..
我正在尝试从股票API获取一些股票数据。 我可以使用正常的反应钩子来获取它,但在使用Redux和Redux Saga来获取它时,我面临着问题。 在第一次渲染中,它不会更新redux存储。 它更新第二个渲染中的复制存储。 但即使更新了Redux存储区,我的组件也不会获得更新状态?? 有人能帮忙吗? 这是我的组件: import React, { useState,useEffect
..
我正在尝试从我的Reaction本机应用程序上传多个文件。它在Year语句上给出Unexpected Token错误。 是否可以在循环内执行yield? files.map((fileOb)=>{ const response=yield call(FileManager.uploadFile, fileOb) yield put(Actions.fileUploaded(resp
..
我想要做的是在登录应用程序后,我想在我的传奇故事中调度几个动作,以获得完全否。反馈和员工。有人能帮我理解一下我是如何做到这一点的吗:- 登录传奇 function* loginSaga(action) { try { const userData = yield call(api.auth.login, action.payload); yield put(acti
..
我有以下功能。 const loadUsers= () => { return async (dispatch) => { dispatch(userRequest()); let response= null try { response= await UserService.getUser(); dispatch(userLoading
..
背景 我有一个组件,我在其中访问一个元素的子元素(使用ref)。目标是截取输入字段中的粘贴事件,并将粘贴的内容拆分并分布在几个不受控制的表单输入元素上。在浏览器(使用Storybook)中呈现组件时,这一切都工作得很好。 问题 但是,在测试中,我无法以任何我尝试的方式访问子对象。 问题 我如何使用fireEvent或如何设置测试是否有问题? 我是新手,我是否应该以其
..