Saya memiliki komponen reaksi sederhana dengan bentuk yang saya yakini memiliki satu input terkontrol:
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;
Ketika saya menjalankan aplikasi saya, saya mendapat peringatan berikut:
Peringatan: MyForm sedang mengubah input teks tipe yang tidak terkontrol untuk dikontrol. Elemen input tidak boleh beralih dari tidak terkontrol ke terkontrol (atau sebaliknya). Putuskan antara menggunakan elemen input yang dikontrol atau tidak dikontrol selama masa pakai komponen
Saya percaya input saya dikontrol karena memiliki nilai. Saya bertanya-tanya apa yang saya lakukan salah?
Saya menggunakan Bereaksi 15.1.0