A组件 => B组件

核心思路：

1、A组件先通过子传父的方式把数据传给父组件App

2、App拿到数据后通过父传子的方式再传递给B组件

import { useState  } from "react"
function A({onGetMsg}){const AMsg = '我是A组件的消息'return (<div><button onClick={()=>{onGetMsg(AMsg)}}>send</button></div>)
}
function B({name}){const BMsg = '我是B组件的消息'return (<div><div>{BMsg}-{name}</div></div>)
}
// A组件先通过子传父的方式把数据传给父组件App
// App拿到数据后通过父传子的方式再传递给B组件
function App(){const [AppName,setAppName] = useState('')const getMsg = (msg)=>{setAppName(msg)}return (<div><A onGetMsg={getMsg} /><B name={AppName}/></div>)
}
export default App