孩子没有收到父母的道具

如何解决孩子没有收到父母的道具

我无法在我的 child 组件中记录文本，它应该从 parent 传递。有人可以帮我解决这个问题吗？我已经检查过线程，但没有找到解决方案。

家长

import { Header } from '../components'

export default () => {
  const [baselineText,setBaselineText] = useState()

  useEffect(() => {
    setBaselineText('This the ABOUT page')
  },[])

  return <Header text={baselineText} />
    }

孩子

export default () => {
  const handleText = (text) => {
    console.log(text)
  }
  handleText()

  return <header text={handleText}></header>
}

解决方法

您应该收到 props 或销毁它。像这样

export default ({ text }) => {
  console.log(text);
  return <header text={text}></header>
}