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

Reactjs 用导入的组件替换字符串的一部分,reactjs,Reactjs,我们将显示动态错误消息,这些消息作为常量列在区域设置文件中。作为该字符串的一部分,我放置了文本[Alert],我想用导入的Alert组件(显示一个漂亮的Alert等)替换它 如何用react组件替换const中的字符串部分?@KyLane,将消息组件中的警报JSX呈现如下如何 const renderAlert = () => ( <h1>this is an alert Component</h1> ) const AlertMessage = ({ ren

我们将显示动态错误消息,这些消息作为常量列在区域设置文件中。作为该字符串的一部分,我放置了文本[Alert],我想用导入的Alert组件(显示一个漂亮的Alert等)替换它


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

@KyLane,将消息组件中的警报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>
);
const renderAlert=()=>(
这是一个警报组件
)
常量警报消息=({renderAlert})=>(
这是一条信息
{renderAlert()}
消息的结尾

);

这是一个很好的例子,你可以试试。

发布相关代码,你到目前为止尝试了什么,失败的原因,收到的错误消息,等等。没有任何相关代码真的-刚刚涉猎过-希望得到一些建议,哪种方法可能是最好的…然后你需要在其他地方发布,所以是错误的地方。在用尽所有其他资源,并且花了数小时试图自己解决问题之后,在这里问一个问题是你最不想做的事情。也许像
import{Alert]from'Alert';const message=(这是一条消息
[Alert]
消息的结尾

);const replacedMessage=message.replace('[Alert]',);
但是,我不确定….我会在我的第一条评论中告诉你。谢谢Tanik-我最终这么做了-并为我的警报传递了新的道具。谢谢:)