javascript - 呈现多个独立的redux形式

我想用<User/>渲染多个<CustomForm/>它们都是无状态组件。
但是，如果我尝试每隔一个<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()的每个配置参数都可以作为prop传递，因此您可以

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

关于javascript - 呈现多个独立的redux形式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36956257/