Javascript ReactJS在使用'；时不从服务器获取数据；url'；属性

我是ReactJS的初学者，刚刚开始学习。当我尝试第节中的代码时，我无法让它工作

我尝试了两种相对路径

React.render(
  <CommentBox url="../data/data.json" />,
  document.getElementById('content')
);

任何形式的帮助都将不胜感激

---

谢谢。

在该React教程的页面下一点，他们在CommentBox React类的componentDidMount属性中执行AJAX请求

您需要在CommentBox类的componentDidMount函数中为所需的数据发出AJAX GET请求。

建议在

componentDidMount（）

中执行

GET

请求，并将数据存储在状态中

首先，初始化数据变量：

getInitialState: function() {
  return {
    dataVar1: ''
  };
}

然后使用

$获取数据。get（）

：

其中是jqueryajax速记功能。然后，在

render（）

中可以显示数据：

render: function() {
  return (
    <div>
      {this.state.dataVar1}
    </div>
  );
}

render:function（）{
返回(
{this.state.dataVar1}
);
}

您能分享更多的代码吗？您是否在组件中发出

GET

请求以检索

JSON

数据？下面是一个如何从服务器检索数据的示例。@BrettDeWoody对于像我这样的初学者来说确实是一个很好的例子。谢谢！：）我的想法完全一样，谢谢你的帖子：）：）这是一个“我也是”的评论-谢谢：）谢谢！我想React会用

url

属性做一些魔术，然后得到数据。。。完全错了。。。谢谢你的提示。我现在明白了：）真的应该在提问之前通读这篇文章。用React调用jQuery ajax的好例子。谢谢

getInitialState: function() {
  return {
    dataVar1: ''
  };
}

componentDidMount: function() {
  $.get('URL-TO-FETCH-DATA-FROM', function(result) {
    if (this.isMounted()) {
      this.setState({
        dataVar1: result
      });
    }
  }.bind(this));
}

render: function() {
  return (
    <div>
      {this.state.dataVar1}
    </div>
  );
}