import React from 'react'
// App 为父组件,SonA、SonB为子组件
// 目标:B组件中的数据传给 SonA
/* 方案:
1.先把 SonB 中的数据通过子传父 传给 App
2.再把 App 接收到 Son 中的数据通过父传子传给 SonA */
function SonA(props) {
return
this is SonA,{props.sendAMsg}
}
function SonB(props) {
const bMsg = '来自于B组件中的数据'
return (
this is SonB
)
}
class App extends React.Component {
state = {
sendAMsg: '测试父传子',
}
// 声明一个传给 SonB 组件的方法
getBMsg = (msg) => {
console.log(msg)
// 把 msg 数据交给 sendAMsg
this.setState({
sendAMsg: msg,
})
}
render() {
return (
)
}
}
export default App