在表單中，報如下的錯，意思是非受控的輸入框變成了受控的，報錯信息如下

Warning: A component is changing an uncontrolled input of type text to be controlled.Input elements should not switch from uncontrolled to controlled (or vice versa).
 Decide between using a controlled or uncontrolled input element for the lifetime of the component.　

我寫的代碼如下：

 <input
     className="form-control"
     name="productName"
     placeholder="請輸入商品名稱"
     value={this.state.detail.productName || ""}
     onChange={(e)=>{this.inputValueChange(e)}}
/>

該元素將value綁定在this.state.detail對象中，obj對象在componentDidMount生命周期中進行初始化

原因：

因為在第一次render組件時，this.state.obj={}，於是this.state.detail.productName為undefined，於是input接受到的就是value={undefined}

解決辦法
在constructor中修改this.state，給detail設置一個默認的初始值，如下所示

this.state={
	 detail:{
		 productName: ‘‘,
	}
}

react中受控組件相關的warning