javascript - 一起使用react-autolink+react-emoji(给我错误r.split)

Question

我是react新手...我正在尝试将react-autolink组件与react-emoji组件一起使用。

问题是当我这样做时:

{@autolink(@emojify(@props.message.body))}

它给了我这个错误:Uncaught TypeError: r.split is not a function

为什么？相反，如果我只使用:

@emojify(@props.message.body)

或者

@autolink(@props.message.body)

它有效...

有什么建议吗？

Answer 1

您需要迭代 React 元素数组并自动链接字符串(尚未转换的文本)。

@autolink(@props.message.body).map(el => {
  if( typeof el === "string" ) return @emojify(el); else return el;
});