12
ทำความเข้าใจกับคีย์ที่ไม่ซ้ำกันสำหรับอาร์เรย์ลูกใน React.js
ฉันกำลังสร้างส่วนประกอบ React ที่ยอมรับแหล่งข้อมูล JSON และสร้างตารางที่สามารถเรียงลำดับได้ แถวข้อมูลแบบไดนามิกแต่ละแถวมีคีย์เฉพาะที่กำหนดให้ แต่ฉันยังคงได้รับข้อผิดพลาด: เด็กแต่ละคนในอาร์เรย์ควรมีเสา "คีย์" ที่ไม่ซ้ำกัน ตรวจสอบวิธีการเรนเดอร์ของ TableComponent TableComponentวิธีการแสดงผลของฉันกลับมา: <table> <thead key="thead"> <TableHeader columns={columnNames}/> </thead> <tbody key="tbody"> { rows } </tbody> </table> TableHeaderองค์ประกอบเป็นแถวเดียวและยังมีความสำคัญที่ไม่ซ้ำกันที่ได้รับมอบหมาย แต่ละrowin 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 …
655
javascript
reactjs