呈现多个独立的重叠形式

Render multiple independent redux-form

本文关键字：重叠 独立      更新时间：2023-09-26

我想用<CustomForm/>呈现多个<User/>，它们都是无状态组件。但是，如果我试图每隔一个<CustomForm/ >修改一个<CustomForm />，它们也会被修改，因为它们都共享存储中的相同属性。如何拥有多个独立的<CustomForm />？

<User>
    <CustomForm user_id={user_id} />
</User>
<User>
    <CustomForm user_id={user_id}/>
</User>

我连接了这样的表格：

let CustomForm = (props) => {
    const { fields: {author, content}, handleSubmit } = props;
    return (
        <form action="">
            ....
        </form>
    )
}
CustomForm = reduxForm({
  form: `comment`, // I can't access props, i thought something like `comment_${props.user_id}`
  fields: ['author', 'content']
})(CustomForm)
export default CustomForm;

不要使用formKey，因为它正在消失。

传递给reduxForm()的每个配置参数都可以作为道具传递，因此您可以执行

<CustomForm form={`comment_${user_id}`}/>

您可以为组件提供formKey道具：

<CustomForm 
  formKey={user_id.toString()} // needs to be a string.
  user_id={user_id} 
/>
相关文章：