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