Question

我尝试使用semantic-ui-redux-form-fields创建编辑表单。表单工作正常，空白起点，但对于我有初始值的编辑表单，我还没有能够让它工作。

如果我使用直接redux-form，只要我将prop initialValues传递到我的表单组件，这适用于初始化表单。

使用该逻辑，我认为我需要做的就是将Field#component属性从"input"更改为{Input}（/ w适当导入）。请注意，我从未通过currentValue看到props传入。目前尚不清楚这个道具将如何填充。

道具：

{initialValues: {"first_name": "Bob"}}

工作组件：

import { Form, Button } from 'semantic-ui-react'
import { reduxForm, Field} from 'redux-form'

...

return <Field component="input" type="text" name='first_name'/>

不工作组件：

import { Form, Button } from 'semantic-ui-react'
import { reduxForm, Field} from 'redux-form'
import { Input } from 'semantic-ui-redux-form-fields'

...

return <Field component={Input} type="text" name='first_name'
              currentValue={this.props.currentValue}/>

Answer 1

Input中的semantic-ui-react组件有一个defaultValue道具我相信您应该可以使用它来初始化Field数据，因为您传递了Input { {1}}在component道具中{1}}。

<Field 
  component={Input}
  defaultValue={this.props.currentValue}
  name='first_name'
  type='text' 
/>

如何使用semantic-ui-redux-form-fields设置initialValue

1 个答案: