テキスト領域に defaultValue を設定できません。react-final-form を使用しており、react-final-formの Field 要素内に TextareaField をラップしています
これが私のコードです:
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;
}}
/>
);
}
}
ひどく立ち往生しています。どこに行方不明ですか??