状态提升
最后更新于：2022-04-02 03:33:47
[TOC]
## 概述
把共享组件放入父组件的 `props`中,子组件通过父组件以`props`传入的函数传值调用父组件
## 案例
```
class DemoInput1 extends Component{
constructor(props) {
super(props);
}
handleChange(e){
/* 父组件传入 onParentChange函数作为 props */
this.props.onParentChange(e.target.value)
}
render() {
return (
)
}
}
class DemoInput2 extends Component{
constructor(props) {
super(props);
}
handleChange(e){
/* 父组件传入 onParentChange函数作为 props */
this.props.onParentChange(e.target.value)
}
render() {
return (
)
}
}
class App extends Component{
constructor(props) {
super(props);
this.state={
value:"",
}
this.onParentChange= this.onParentChange.bind(this)
}
onParentChange(v){
this.setState({value:v})
}
render() {
let value = this.state.value;
return(
';
//onParentChange 函数通过 props 传入给组件
)
}
}
```