javascript - react 渲染value时 onchange被多次触发

问题描述

问 题

 <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，我想只在改变输入框值时触发一次，请问大神如何解决呢？

解决方案

把value换成defaultValue

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

这篇关于javascript - react 渲染value时 onchange被多次触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！