报错:
解决办法:
基本都是因为在循环生成多个组件的时候,没有给组件加上key引起的,所以报错警告。需要循环生成多个组件中,加上key值(唯一值)那么就不会报错了。
示例:
class App extends React.Component {
state = {
list: [1,2,3,4,5]
}
render() {
const arr=this.state.list;
const listItem=[];
arr.map((item)=>{
let li=<li key={item}>{item}</li>;
listItem.push(li);
})
return <div>
<ul>{listItem}</ul>
</div>
}
}
ReactDOM.render(
<App />,
document.getElementById("app")
)