用导入的组件替换字符串的一部分

Question

我们将呈现动态错误消息，这些消息在区域设置文件中列为const。作为该字符串的一部分，我将文本[Alert]替换为导入的警报组件（显示一个很好的警报等）。

如何用const组件替换const中的部分字符串？

Answer 1

@KyLane，如下所示在消息Component中呈现警报JSX如何？

const renderAlert = () => (
  <h1>this is an alert Component</h1>
)

const AlertMessage = ({ renderAlert }) => (
  <div>
    <p>This is a message<br/>
      {renderAlert()}<br/>
      End of the message
    </p>
  </div>
);

这是link to codesandbox，所以你可以尝试一下。