react-受控组件与非受控组件

本文主要是介绍react-受控组件与非受控组件，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

区分受控组件与非受控组件的标志是组件中的input等表单元素的值的来源与去向是否受到组件状态的影响，如果受到状态的影响，则称为受控组件，反之为非受控组件

受控组件

class Demo extends React.Component {
          state={
               inputValue:'初始值'
}

          handleChange=(e)=>{

         this.setState({
                  inputValue:e.target.value
})
}
           render(){

              return <div>
                          <input type='text'/ value={this.state.inputValue 
 onChange={this.handleChange}}>
                        </div>


}

}

非受控组件

class Demo extends React.Component {

             render(){


                 return  <div>
                                <input type='text'/>
                            </div>




}






}

////感觉总结的不完善，且理解的不够透彻，待更加深入了解后再做修改~

这篇关于react-受控组件与非受控组件的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！