javascript - react这个错是什么意思，要怎么解决

问题描述

问 题

var Content=React.createClass({
            render: function(){
                return <p>content</p>
            }
        });
        
        var Comment=React.createClass({
            getInitialState: function(){
                return {
                    name:['tim','John','Jack']
                }
            },
            render: function(){
                var options=[];
                for(var i=0 ;i<=this.state.name.length; i++){
                    options.push(<option value={i}>{this.state.name[i]}</option>);
                }
                return <div id="">
                            <select name="" id="">
                                {options}
                            </select>
                    
                    <Content></Content>
                </div>
                
            }
        });

上面的代码效果出来了，但是报了下面这个错，刚刚接触react，有点儿不理解，还请各位指教：
Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of Comment. See https://fb.me/react-warning-keys for more information.

解决方案

options.push(<option key={i} value={i}>{this.state.name[i]}</option>);

人家链接都给你了，你不看的？

这篇关于javascript - react这个错是什么意思，要怎么解决的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！