理解React.js中數組子元素的唯一鍵我正在構建一個Reaction組件,它接受JSON數據源并創建一個可排序的表。每個動態數據行都有一個分配給它的唯一鍵,但我仍然得到以下錯誤:數組中的每個子數組都應該有一個唯一的“鍵”支柱。檢查TableComponent的呈現方法。我的TableComponentRender方法返回:<table>
<thead key="thead">
<TableHeader columns={columnNames}/>
</thead>
<tbody key="tbody">
{ rows }
</tbody></table>這個TableHeader組件是一個單行,并且有一個分配給它的唯一鍵。各row在……里面rows是由具有唯一鍵的組件生成的:<TableRowItem key={item.id} data={item} columns={columnNames}/>而TableRowItem看起來是這樣的:var TableRowItem = React.createClass({
render: function() {
var td = function() {
return this.props.columns.map(function(c) {
return <td key={this.props.data[c]}>{this.props.data[c]}</td>;
}, this);
}.bind(this);
return (
<tr>{ td(this.props.item) }</tr>
)
}});是什么導致了唯一的鍵支柱錯誤?
理解React.js中數組子元素的唯一鍵
一只名叫tom的貓
2019-06-12 21:15:46