У меня есть простой компонент реакции с формой, которая, как я полагаю, имеет один управляемый вход:
import React from 'react';
export default class MyForm extends React.Component {
constructor(props) {
super(props);
this.state = {}
}
render() {
return (
<form className="add-support-staff-form">
<input name="name" type="text" value={this.state.name} onChange={this.onFieldChange('name').bind(this)}/>
</form>
)
}
onFieldChange(fieldName) {
return function (event) {
this.setState({[fieldName]: event.target.value});
}
}
}
export default MyForm;
Когда я запускаю свое приложение, я получаю следующее предупреждение:
Внимание: MyForm меняет неконтролируемый ввод текста типа, который будет контролируется. Элементы ввода не должны переключаться с неконтролируемого на (или наоборот). Решите, используя неконтролируемый входной элемент для времени жизни компонента
Я считаю, что мой вход контролируется, поскольку он имеет значение. Мне интересно, что я делаю неправильно?
Я использую React 15.1.0