Reactjs 动态绑定input

状态提升

定义： 两个或者多个组件共同使用共有状态的方式

使用范围： 两个组件提升到最近的父组件来完成状态的变化和保存；

解析： 一个组件有入参和出参

入参：使用

属性，但是子类元素不可以擅自修改其属性

            类比于受控组件 <input value={template} onChange={handChane}>

            自定义子组件也接收父组件传过来的 template  和方法 onTemplateChange(名字可以自定义)

            子组件可以调用this.props.onTemplateChange 

            父组件    在子组件标签引用  <TemplateChange  template={deelTemplate}   onTemplateChange = {this.handChange}></TemplateChange>

并且需要在render中 处理返回的参数,并使页面做出重新渲染

render(){

const deelTemplate = deelTools(this.state.template)

}