当与反应最终形式一起使用时，默认值不会在文本区域中填充

Question

我无法将默认值设置为文本区域，我正在使用 react-final-form 并将 TextareaField 包装在 react-final-form 的 Field 元素内

这是我的代码：

class App extends React.Component {
submitForm(values) {
.....
}
renderForm({ handleSubmit }) {
return (
<form
onSubmit={handleSubmit}
>
<Field
name="description"
>
{({ input, meta }) => (
<TextareaField
label='Description'
error={meta.error}
isInvalid={meta.submitFailed && !meta.valid}
inputAttrs={{
placeholder: 'Desc..',
}}
defaultValue='my text'
onChange={(e) => { input.onChange(e.target.value); }}
value={input.value}
required
/>
)}
</Field>
<Button text="Submit" type={Button.Opts.Types.SUBMIT} />
</form>
);
}
render() {
return (
<Form
onSubmit={this.submitForm}
render={this.renderForm}
validate={(values) => {
const errors = {};
if (!values.description) {
errors.description = 'Required';
}
return errors;
}}
/>
);
}
}

卡得很厉害，我哪里不见了？？

Answer 1

如果您希望my text成为字段中的初始值，则需要将initialValues={{ description: 'my text' }}传递给Form组件。