小编mor*_*aei的帖子

当我有一个唯一键时,我收到一个唯一键道具警告

我是 React 的新手,但我知道唯一键的主要概念。但是,我收到警告。

下面我有一个项目组件:

class Item extends Component {
    state = {}

    render() { 
        return ( 
            <React.Fragment>
                {this.props.item.todo}
            </React.Fragment>
        );
    }
}
Run Code Online (Sandbox Code Playgroud)

下面是我的项目组件以及我有唯一键的地方:

render() { 
    const { items } = this.props;
    return ( 
        items.map(item=>
            <React.Fragment>
                <Item key={item.todo} item={item} />
            </React.Fragment>
        )    
    );
}
Run Code Online (Sandbox Code Playgroud)

有了这一切,我收到了警告!

html javascript reactive-programming reactjs

1
推荐指数
1
解决办法
1431
查看次数

标签 统计

html ×1

javascript ×1

reactive-programming ×1

reactjs ×1