React ajax然后输出的不知道怎么实现，求大神指教

[哈哈哈666666]

刚开始学react,我通过react ajax获取后退php返回的数据并输出，不知道该怎么输出。。。
代码如下
<script type="text/babel">
class ListGet extends React.Component {
constructor() {
super();
this.state = {list:''};
}
componentDidMount() {
this.serverRequest = $.get("listindex.php",function (data,status) {
{/*this.setState({
list:(eval('(' + data + ')'))[0].id
});*/}
const datas = eval('(' + data + ')');
listItems = datas.map((d) =>
<li>{d.id}</li>
);
}.bind(this));
}
componentWillUnmount() {
this.serverRequest.abort();
}
const listItems;
render() {
return (
<div>
{/*this.state.list*/}
{listItems}
</div>
);
}
}
ReactDOM.render(
<ListGet />,
document.getElementById('app')
)
</script>
我后台返回的是json字符串，我先把它转化为json对象，然后打算用map方法输出，但是怎么写都出不来，问下应该怎么写？？