react 渲染value时 onchange被多次触发

Question

 <input type="text" className="numInput" onChange={(event)=>{
                                 console.log(event.target.value);
                                changeCount(cartId,event.target.value)
                            }} value={defCount}/>

使用框架为react+redux， 我再改变输入框值时，会触发onchange事件，但是在react渲染对value重新赋值时，会再次触发onchange，我想只在改变输入框值时触发一次，请问大神如何解决呢？

Answer 1

把value换成defaultValue

 <input type="text" className="numInput" onChange={(event)=>{
                                 console.log(event.target.value);
                                changeCount(cartId,event.target.value)
                            }} defaultValue={defCount}/>