我不断收到警告:“警告:列表中的每个孩子都应该在 ShowcaseLayout 中具有唯一的“键”道具
我已经尝试遍历我使用 map 函数的代码的每个区域并提供一个唯一的键(一些键是 uuid)但我似乎无法让错误消息消失
generateDOM() {
return _.map(this.state.layouts[this.state.currentBreakpoint], l => {
if (this.state.feedList[l.i] !== undefined && this.state.feedList.length > 0){
return (
<div key={l.i} className={l.static ? "static" : ""}>
<div className="jsmpeg" data-url={this.state.feedList[l.i].streamURL} uuid={this.state.feedList[l.i].uuid} >
</div>
);
}
});
}
ReactDOM.createPortal( (
<Form.Group controlId="enableVal" >
<Form.Control name="enablecamera" className="enableOptionsBox" as="select" multiple>
{ this.state.options.map((item) => <option key={item.key} name={item.name} value={item.value} uuid={item.uuid}>{item.name}</option>) }
</Form.Control>
<Button variant="Success" className="btn btn-success" onClick={ () => {
sendEnable();
}} >
Enable
</Button>
</Form.Group>
), document.getElementById('enableForm')) ];
}