React 函数作为 props 传递显示不是函数？答案

【问题标题】：React function as props passed showing is not a function?React 函数作为 props 传递显示不是函数？
【发布时间】：2021-07-07 02:06:03
【问题描述】：

Parent Component Code

图片显示父类传递函数和对象作为道具

Export const CaseCard = ({
    image, title, industry, geography, link, showModal, getFormId,
}) => {
    const handleClick = () => {
        showModal();
    };

    return (

运行代码时显示错误，即 showModal();不是函数。我认为我正在以错误的方式进行解构。有什么建议吗？？？

【问题讨论】：

标签： javascript reactjs object react-hooks react-props

【解决方案1】：

这应该可行：

export const CaseCard = (props) => {
    const handleClick = () => {
        props.showModal();
    };
}

如果您想明确定义应该传递哪些道具，请参阅Typechecking With PropTypes 指南或使用 TypeScript。

【讨论】：

操作只是解构了道具。你做的和 op 一样，而是你没有破坏道具

【解决方案2】：

方法是正确的，但我将模态放置在卡片组件中。解决办法是把modal放在Card的近父组件中。

【讨论】：