reactjs - 两个提交 1 Formik?
问题描述
这是我的代码:
<Formik
initialValues={{
email: 'eve.holt@reqres.in',
password: '',
}}
validationSchema={TodoInputSchema}
onSubmit={values => {
// handleToggle
// handleTodoInputSubmit
}}>
{({values, handleChange, handleSubmit, touched, errors}) => (
<View style={styles.inputContainer}>
<TouchableOpacity>
<Text
style={[
styles.completeAll,
todos.every(({complete}) => complete) &&
styles.completeFilterColor,
]}>
{String.fromCharCode(10003)}
</Text>
</TouchableOpacity>
<TextInput
editable={!loading}
returnKeyType="done"
onSubmitEditing={handleAddTodo}
blurOnSubmit={false}
placeholder="What needs to be done?"
style={styles.input}
onChangeText={newText => setNewTodoText(newText)}
value={newTodoText}
/>
)}
</View>
)}
</Formik>
如您所见,我有切换和输入。我只是想知道是否可以在切换和输入 1 Formik 时进行 2 次提交?
解决方案
你当然可以。您的提交代码将如下所示:
onSubmit={(values) => {
handleToggle();
return handleTodoInputSubmit(values);
}}>
并显示了文档中的示例。
推荐阅读
- hibernate - 获取 Infinispan 锁座线程
- linux - 二进制文件执行错误(Assembly - linux)
- node.js - 如果 CSRF 来自 Express 服务器本身,有没有办法保护它?
- bash - 删除超过 4 天的文件 - 不工作
- c - RISC V gcc工具链在使用mret时泄漏堆栈
- html - 如何自定义给定页面的pdf?
- c++ - ROS节点订阅未连接
- testing - 为什么测试运行程序缺少插件?
- python - 设置位数时如何对数字进行四舍五入?
- sql - 我的查询给出了特定月份的输出,但是当我更改 where 子句中的数字时,它没有显示任何错误,而是在 msg 中显示 0 行受影响