Я пытаюсь создать форму, которая отображается в модальном режиме. Поэтому, когда пользователь вводит значение, это значение сохраняется в локальном хранилище. Вот картинка, которая поможет вам понять, что я имею в виду: Вот код формы:
function FieldGroup({id, label, help, ...props}) {
return (
<ReactBootstrap.FormGroup controlId={id}>
<ReactBootstrap.ControlLabel>{label}</ReactBootstrap.ControlLabel>
<ReactBootstrap.FormControl {...props} />
{help && <ReactBootstrap.HelpBlock>{help}</ReactBootstrap.HelpBlock>}
</ReactBootstrap.FormGroup>
);
}
const formInstance = (
<form>
<FieldGroup
id="formControlsText"
type="text"
label="Text"
placeholder="Recipe Name"
inputRef={ref => { this.input = ref; }}
/>
<ReactBootstrap.FormGroup controlId="formControlsTextarea">
<ReactBootstrap.ControlLabel>Ingredients</ReactBootstrap.ControlLabel>
<ReactBootstrap.FormControl componentClass="textarea" placeholder="Enter Ingredients" />
</ReactBootstrap.FormGroup>
</form>
);
Как я прочитал в учебнике по начальной загрузке React, я должен добавить<FormControl inputRef={ref => { this.input = ref; }} />
к свойствам FormControl. Но после его добавления я получаю сообщение об ошибке при вызове модальной формы: