小编Mat*_*ski的帖子

让我先说一下我是ReactJS的新手.我试图通过创建一个使用React填充数据的简单站点来学习.我有一个JSON文件,其中包含将通过map循环的链接数据.

我已经尝试将其设置为组件状态,然后通过道具将其传递给导航栏链接但我得到"未捕获的TypeError:无法读取null的属性'数据'"

我试图四处寻找解决方案但找不到任何东西.

注意:当我尝试对对象进行硬编码并以这种方式映射它时,返回的映射是未定义的.但是我不确定它是否与setState错误直接相关.

/** @jsx React.DOM */

var conf = {
    companyName: "Slant Hosting"
  };

var NavbarLinks = React.createClass({
  render: function(){
    var navLinks = this.props.data.map(function(link){
      return(
        <li><a href={link.target}>{link.text}</a></li>
      );
    });
    return(
      <ul className="nav navbar-nav">
        {navLinks}
      </ul>
    )
  }
});

var NavbarBrand = React.createClass({
  render: function(){
    return(
      <a className="navbar-brand" href="#">{conf.companyName}</a>
    );
  }
});

var Navbar = React.createClass({
  getInitalState: function(){
    return{
      data : []
    };
  },
  loadNavbarJSON: function() {
    $.ajax({
      url: "app/js/configs/navbar.json",
      dataType: 'json',
      success: function(data) {
        this.setState({
          data: data
        }); …