将道具传递到未定义的挂钩组件

Question

如何在两个钩子组件中传递道具？

我有一个使用Modal的根组件，我需要将道具title传递给我的Modal组件，并在组件中显示：

<Modal title="test" />

在模态组件中，我将接收道具作为参数：

const Modal = (title) => {
return (
<h6>{title}</h6>
)

但我收到的是未定义的。

我也尝试过｛｝：

const Modal = ({title}) => {

为什么？

Answer 1

您需要引用子组件中的props对象：

const Modal = (props) => {
return (
<h6>{props.title}</h6>
)

或者通过销毁：

const Modal = ({title}) => {
return (
<h6>{title}</h6>
)