修改数据后，setState不会触发重新渲染

刚刚开始使用React，到目前为止，它一直相对平稳。

我有一个列表，其中包含X个预定义的项目，这意味着该列表总是以给定数量的行呈现。

此数据是在列表呈现之前从REST API收集的。数据包含与列表相关的变量，以及包含列表中每个项目的数组。

我选择了简单的路线，所以我用一个名为"data"的JSON对象填充每个组件，该对象包含所有必要的内容。

呈现列表如下所示：

<MyList data={data} />

然后，在MyList的getInitialState中：

dataInt: this.props.data.dataInt || 0,
dataStr: this.props.data.dataStr || '',
rows: this.props.data.rows || []

因此，我将我的项目数组（JSON）存储在列表（父）的初始状态中，当我选择渲染列表时，我首先在数组中创建所有组件（子），如下所示：

var toRender = [];
for(i = 0; i < this.state.rows.length; i++) {
    toRender.push(<ItemRow data={this.state.rows[i]} />);
}

然后我这样渲染：

return (
    <div className="item-container">
        <table className="item-table">
            {toRender}
        </table>
    </div>
);

MyItem的呈现函数如下所示：

return (
    <tr>
        <td>{this.state.dataFromItem}</td>
    </tr>
);

现在，让我们假设我想修改父级中的子数据，使用我刚从API获得的一些新数据。相同的结构，只是一个字段/列的值发生了变化：

i = indexOfItemToBeUpdated;
var newRows = this.state.rows;
newRows[i] = data; // New JSON object with same keys, different values.
this.setState({ rows: newRows }); // Doesn't trigger re-render
this.forceUpdate(); // Doesn't trigger re-render

我做错了什么？

起初我以为这是因为我将MyItem的渲染函数包装在中，但由于它在初始渲染时渲染得非常好，我认为这是一个可接受的包装。

经过一些测试，似乎重新渲染了父视图，但没有渲染子视图（它们基于父视图中更新的数据）。

JSfiddle：https://jsfiddle.net/zfenub6f/1/