父传子:
就是props直接传了
子传父:
class Chil extentd Component {
componentDidMount(){
this.props.getData('test');
}
}
class parent extentd Component {
getData =(data)=>{
console.log(data)
// log: test
}
render(){
return (
<Chil getData={this.getData} />
)
}
}
平级:
这里是推荐引入react.eval,例 Bro1传值给Bro2:
import { ref } from 'react.eval';
class Bro1 extentd Component {
componentDidMount(){
// 调用 bro2的getData
ref('bro2.getData','test')
}
render(){
return (
// id 唯一
<Bro2 id='bro2' />
)
}
}
class Bro2 extentd Component {
constructor(props) {
super(props);
// 接收值一方必需
ref(this);
}
getData =(data)=>{
console.log(data)
// log: test
}
}