当雄网站建设,焦点网站设计,手机网站做安卓客户端,wordpress输出响应式图片大小含义
状态提升#xff1a;两个组件#xff08;无父子关系#xff09;共享一个数据并且同步数据变化类组件调用#xff08;实例化#xff09;的时候#xff0c;组件内部的状态是唯一且独立的组件嵌套与调用#xff0c;和是类组件#xff08;render#xff09;还是函数…含义
状态提升两个组件无父子关系共享一个数据并且同步数据变化类组件调用实例化的时候组件内部的状态是唯一且独立的组件嵌套与调用和是类组件render还是函数组件直接return没有关系类组件与函数组件是可以相互嵌套调用的 单向数据流 数据的流动 父 → 子 props向下传递 props只读数据 → props →数据操作 → 父组件来完成 → 数据由父组件管理 状态提升 → 本应该是子组件的状态 → 父组件来保存与操作 → 通过props → 子组件 class NameInput extends React.Component {render() {return (div第{this.props.index}个input typetext value{this.props.name} onChange{this.props.changeFn} //div)}
}
class App extends React.Component {state {name: }changeName (e) {this.setState({name: e.target.value})}render() {return (divNameInput index1 name{this.state.name} changeFn{this.changeName} /NameInput index2 name{this.state.name} changeFn{this.changeName} //div)}
}
ReactDOM.render(App /,document.getElementById(app)
)
