问题描述
我无法在我的 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>
}