Javascript 如何使用JS将字符串替换为图像

我正在尝试实现一个聊天系统，它由笑脸：）组成。我正在使用react js，我想检查并替换接收字符串中的笑脸符号

  return(<ListItem
           leftAvatar={<Avatar src="profile pic" />}
           primaryText="Name"
           secondaryText={
          <p>
         {item.message}
         </p>
          }
           secondaryTextLines={2}
          />
               );

返回(
);

我要检查的字符串由{item.message}给出。我试图用

{item.message}.replace（/：）/g'，）替换字符串

但它不起作用
 您要做的是将图像标记作为字符串插入DOM中。您需要创建真实的react元素，并将
：）
替换为
）；
}
返回{content}；
您要做的是将图像标记作为字符串插入DOM中。您需要创建真实的react元素，并将
：）
替换为
）；
}
返回{content}；
谢谢它的工作，但我有一个小问题，当我传递一个字符串而没有微笑时，它不会返回任何内容。即使我传递了一个包含笑脸的字符串，笑脸后面的文本也不会显示。请提供帮助。@TRomesh您知道如何让它在没有表情符号的情况下显示文本吗？目前正在调试相同的问题。谢谢感谢它的工作，但我有一个小问题，当我通过一个字符串没有微笑，它不会返回任何东西。即使我传递了一个包含笑脸的字符串，笑脸后面的文本也不会显示。请提供帮助。@TRomesh您知道如何让它在没有表情符号的情况下显示文本吗？目前正在调试相同的问题。谢谢
var texts = item.message.split(/:\)/g);
var content = [];
for(var i = 0; i < texts.length - 1; i++) {
  content.push(texts[i]);
  content.push(<img src='https://upload.wikimedia.org/wikipedia/commons/e/e2/Bye.gif'/>);
}
return <div>{content}</div>;