Formik+Yup:如何在提交前立即验证表单?

问题描述我希望在装入表单时显示字段错误。不是在提交之后。是的:constvalidation=Yup.object().shape({field:Yup.string().required('Required')});Formik:<FormikinitialValues={in

发布:2023-01-03 标签:reactjsformikyup


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

问题描述我正在做一个ReactJS项目。我正在学习使用Yup与FormIk进行验证。以下代码运行正常:constValidationSchema=Yup.object().shape({paymentCardName:Yup.string().required(s.validat

发布:2023-01-03 标签:reactjsformikyup


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

问题描述我对React和Redux不熟悉。现在学习有关钩子的知识,真的很困惑。做一个教程应用程序(老师正在使用课程),它应该从jsonPlacehold(异步)获取一些API数据,然后与redux一起使用。目前,我无法在屏幕上显示提取的数据。最下面还有我的两个附加问题。我的代码(

发布:2023-01-03 标签:reactjsreact-hooksreduxreact-reduxredux-thunk


将先前状态追加到Redux中的新状态

问题描述我有一个应用程序,它使用第一个createAsyncThunk从API获取第一个页面,然后我希望第二个createAsyncThunk获取下一个页面,在用户到达页面底部并以无限滚动的方法获取数据时触发。//GetstheFirst10PostsfromtheAPIexpo

发布:2023-01-03 标签:javascriptreactjsreduxreact-reduxredux-thunk


显示来自API React/Redux的搜索结果

问题描述我在我的应用程序中使用Redux进行状态管理--使用ReactionHooks。我可以点击API并从我的操作创建者日志中获得如下屏幕截图:以下是我试图在其中显示结果的组件的代码:import{useState,useEffect}from"react";import{Li

发布:2023-01-03 标签:reactjsreact-hooksreduxreact-reduxredux-thunk


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

问题描述我正在构建一个Reaction应用程序,并使用redux-thunk进行异步操作。我有两个函数getActivities()和createActivity(),我想在成功调用后者后调用前者。但是如果我将getActivities()放在createActivity()的t

发布:2023-01-03 标签:javascriptasynchronousreactjsredux-thunk


平面表测量项目X位置

问题描述我的水平列表中有大约10个项目。我如下所示存储了对每个项目的引用。constItem=({title,image,index})=>{linkRefs[index]=useRef(null);return(<Animated.Viewref={linkRefs[index

发布:2023-01-03 标签:reactjsreact-nativereact-native-flatlist


样式反应原生平面列表

问题描述我正在尝试将FlatList项放在列表的HeaderComponent旁边。我希望房间从Create房间旁边开始。下面是它的外观图片[1]:https://i.stack.imgur.com/qyZZP.png以下是房间列表的代码:<FlatListListHeaderC

发布:2023-01-03 标签:reactjsreact-nativeflexboxreact-native-flatlist


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

问题描述正如您在上图中看到的,有一个由两列组成的垂直列表。我开发了两个FlatList,因为我无法使用FlatList列选项在一行上设置不同高度的照片样式。我希望两个平面图具有相同的滚动位置。我包装了两个FlatList组件以同步滚动。但这里有一个问题。ScllView忽略无限滚

发布:2023-01-03 标签:androidiosreactjsreact-nativereact-native-flatlist


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

问题描述我在我的应用程序中使用react-native-tab-view,其中我有两个选项卡。我正在通过API调用加载选项卡数据,以便在侧面选项卡中创建无限滚动分页,当数据从API连接到我的FlatList数据中时,则每次我的滚动条重置到顶部位置。我目前的零食demo如下:htt

发布:2023-01-03 标签:reactjsreact-nativeinfinite-scrollreact-native-flatlistreact-native-tab-view