reactjs – 警告：标签上的prop’repatch`值无效

发布时间：2020-12-15 20:13:10 所属栏目：百科来源：网络整理

导读：我已经阅读了关于新变化的博客(在哪里描述了这样的警告),所以我有一个问题：编写纯组件的正确方法是什么,而不使用任何操作？以下是此错误的示例 const Text = ({ tagName = 'span',className = '',children = null,...restProps}) = { const Tag = tagName;

我已经阅读了关于新变化的博客(在哪里描述了这样的警告),所以我有一个问题：编写纯组件的正确方法是什么,而不使用任何操作？

以下是此错误的示例

const Text = ({
    tagName = 'span',className = '',children = null,...restProps
}) => {
    const Tag = tagName;

    return (
        <Tag {...restProps} className={className}>
            {children}
        </Tag>
    );
};

Text.defaultProps = {
    tagName: 'span',className: '',children: null,};

export default Text;

如果我使用connect将Text连接到商店 – 我将会遇到此错误,因为我没有在mapDispatchToProps函数中编写任何内容并且根据文档：
“如果您不提供自己的mapDispatchToProps函数或充满动作创建者的对象,则默认的mapDispatchToProps实现只会将调度注入到组件的道具中.”

所以我有一个选择：

to declare dispatch in props in dumb component and omit it in params in Text rendering
to write fake mapDispatchToProps function in connect

哪种变体更可取？

解决方法

你没有从传递给Tag的道具传播派遣

const Text = ({
    tagName = 'span',dispatch
    ...restProps
})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!