对大写的Component的未知支柱

时间:2017-10-30 13:59:42

标签: reactjs components prop

我收到以下错误:

warning.js:35 Warning: Unknown prop `notification` on <NotificatonType.InvitedToEventNotification> tag. Remove this prop from the element.

我知道在传输dom元素上不标准的道具时会发生这种情况,但是在这里我试图使用我自己的组件。这是渲染方法:

render() {
    const type = this.props.notification.type;

    let Tag = "NotificatonType." + type;

    return <Tag {...this.props}/>
}

1 个答案:

答案 0 :(得分:1)

问题是由这一行引起的:

let Tag = "NotificatonType." + type;

您需要传递React自定义元素,而不是带有类/函数名称的字符串。这种反应方式看起来像DIV或类似。

你可能会这样做:

let Tag = NotificationType[type]但是没有看到你NotificationType代码很难计算。