jsx转为html,如何在ReactJS中将纯文本转换为html JSX

我有这样的组件：

import React from 'react';

import Autolinker from 'autolinker';

class Comment extends React.Component{

constructor(props){

super(props);

}

render(){

return

{this.props.activity.user.full_name}

{Autolinker.link(this.props.activity.text)}

;

}

}

export default Comment;

Autolinker返回一个字符串值,如下所示：

"So basically silastar.com/dev-sila is perfect and works correctly?"

如何将此字符串转换为html JSX,以便锚链接显示为链接而不是纯文本？