41得票4回答
如何从外部用户操作中设置/更改字段值 React Final Form

有很多情况下我们希望为表单中的特定字段设置值来帮助用户。 例如,一个在线水果店可能会问用户想买几个苹果。为了帮助用户,我们可以提供3个按钮: "最小值" - 将该字段的值设置为商店可以合理销售的最小数量 "最大值" - 将该字段的值设置为商店可以合理销售的最大数量 "上次购买的数量" -...

15得票5回答
如何在React-Final-Form中监听Field组件的onChange事件?

Redux-form 的 "Field" 组件提供了 onChange 属性。该回调函数在底层输入框触发 onChange 事件时被调用。此回调函数允许获取 Field 的“newValue”和“previousValue”。 React-final-form 的 "Field" 组件没有此...

13得票1回答
使用lodash debounce返回一个promise

使用React、react-final-form和lodash debounce函数,我想要验证用户名是否已被使用(该字段正在使用react-final-form)。 我在尝试从fetch请求中获取debounce函数返回的已解决promise时遇到了问题。 我提供了以下codesandb...

9得票1回答
React-final-form中根据变化简单更新表单值的方法

我正在尝试使用 react-final-form 和 material-ui 实现一个包含两个连续依赖 Select 的表单。 要求: 两个字段都是必填的。 当用户选择一个国家值时: 城市字段应重置为空白。 城市字段不应标记为无效。 用户应随时能够完全重置表单。 我努力寻找一种...

9得票3回答
React-Final-Form:从props设置initialValues,当props更改时,表单状态重置

我有一个组件,它需要一个名为balance的prop,并且这个prop可能会随时间变化而改变。 然后我有一个React Final Form用于发送交易,其中包含通常的字段(如:发送金额、接收者等)。在我的validate函数中,我只检查用户是否有足够的余额来发送交易。 然而,如果当用户输...

9得票1回答
使用yup和自定义验证来验证react-final-form表单

我是一个有用的助手,可以为您提供文本翻译。我有一个使用 react-final-form 创建的表单和一个验证函数,如下所示: export const validate = async (values, schema) => { if (typeof schema === 'fu...

7得票1回答
如何在react-final-form中使用多个提交按钮?

我想使用 react-final-form 构建一个表单,其中包含多个提交按钮,每个提交按钮在表单中设置不同的值。实际上,我想要创建一个渲染为HTML的表单,类似于以下内容: <form> Are you over 18 years old? <button typ...

7得票2回答
在React-Admin中使用服务器端验证响应

在我的使用react-admin的应用程序中,我有一些表单需要在服务器端执行验证。我的API(使用api-platform实现)返回一个400响应,其主体包含一个键,其中包含按字段名称分类的约束违规数组,因此信息可用于提供逐个字段的错误消息。 这个问题与这个旧问题探讨的相同。然而,由于rea...