`key`是一個特殊的字符串屬性，你在創建元素數組時需要包含它。*Keys*幫助 React 識別哪些項已更改、添加或刪除。 我們通常使用數據中的 IDs 作為*keys*: ~~~js const todoItems = todos.map((todo) => <li key={todo.id}> {todo.text} </li> ) ~~~ 在渲染列表項時，如果你沒有穩定的 IDs，你可能會使用*index*作為*key*： ~~~js const todoItems = todos.map((todo, index) => <li key={index}> {todo.text} </li> ) ~~~ **注意：** 1. 由于列表項的順序可能發生改變，因此并不推薦使用*indexes*作為*keys*。這可能會對性能產生負面影響，并可能導致組件狀態出現問題。 2. 如果將列表項提取為單獨的組件，則在列表組件上應用*keys*而不是`li`標簽。 3. 如果在列表項中沒有設置`key`屬性，在控制臺會顯示警告消息。