Question

我正在尝试使用React显示一个简单的数据表。我收到了错误

“未捕获的错误：不变违规：processUpdates（）：无法找到元素的子元素1。这可能意味着DOM意外地发生了变异（例如，浏览器），通常是因为在使用表时忘记了a，嵌套标记如，

，或者在父级中使用非SVG元素。尝试使用React ID .0.1.0检查元素的子节点。“

不确定为什么会发生这种情况

这是代码

 render: function() {

      self = this;


      // render each campaign row
      var campaigns = this.state.campaigns.map(function(p){
        return <CampaignItem key={p.id} campaignName={p.campaign_name} />
      });

      console.log(campaigns)


      // if nothing is loaded
      if(!campaigns.length){
          campaigns = <p>Loading campaigns..</p>;
      }
      return (
        <div>
          <h2>Campaigns</h2>
          <div className="table-responsive">
            <table className="table table-bordered table-striped">
              <thead>
                <th>
                  <tr>
                    <th>
                    Campaign Name
                    </th>
                  </tr>
                </th>
              </thead>

              <tbody>
                {campaigns}
              </tbody>

            </table>
          </div>
        </div>

      );
  }
});


var CampaignItem = React.createClass({


  render: function() {
    return (
      <tr>
        <td>{this.props.campaignName}
        </td>

      </tr>
    );
  }

});

Answer 1

我删除了两个额外的标签，并将p更改为a，所有似乎都很好

未捕获错误：不变违规错误

1 个答案: