区分受控组件与非受控组件的标志是组件中的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>




}






}

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