孩子没有收到父母的道具

时间:2021-05-19 12:56:38

标签: reactjs react-hooks react-props react-state

我无法在我的 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>
}

1 个答案:

答案 0 :(得分:0)

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

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