一起使用react-autolink + react-emoji（给我错误r.split）

Question

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

问题是，当我这样做时：

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

它给我这个错误：未捕获的TypeError：r.split不是函数

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

@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;
});