javascript - 在 React 组件内渲染 React 元素

Question

好吧，我正在尝试将一个对象内的组件传递给我正在触发的操作，该对象用作参数。

this.context.alt.actions.notificationActions.logMessage({
  component: <ModalLayoutEditorComments subscription="pop-up" contextualClass="info" callback={this._submitCaisseChangeAction} />,
  subscription: 'pop-up',
});

在目标组件内，我接收对象作为组件的 props，该组件现在是 React Element。

现在我想知道如果可能的话如何在另一个 React 组件中转换这个 React 元素？

  render() {
      const Component = this.props.notifications[0].component;

      return (
        <div>
          {Component}
        </div>
      );
  }

Answer 1

您的渲染逻辑没问题。看来您使用了错误的 Prop :

render() {    
  return (
    <div>
      {this.props.notifications[0].component}
    </div>
  );
}

顺便说一句，component 是一个相当令人困惑的属性名称。该对象是一个 React 元素，它是 description of a Component instance .