Javascript 反应:遇到两个具有相同密钥的子级

Javascript 反应:遇到两个具有相同密钥的子级,javascript,reactjs,state,Javascript,Reactjs,State,我正试图遵循一个关于React的教程,其中一部分练习是使用状态来切换选择哪个框来构建我自己的循环框组件。我已经这样设置了我的代码 var Board=React.createClass({ render:function(){ var className=“董事会”; 如果(选择此.props){ 类名+=“已选定”; } 返回( { 此.props.index+1 } ); } }); var BoardSwitcher=React.createClass({ 董事会:[], toggleS

我正试图遵循一个关于React的教程,其中一部分练习是使用状态来切换选择哪个框来构建我自己的循环框组件。我已经这样设置了我的代码

var Board=React.createClass({
render:function(){
var className=“董事会”;
如果(选择此.props){
类名+=“已选定”;
}
返回(
{ 此.props.index+1 }
); } }); var BoardSwitcher=React.createClass({ 董事会:[], toggleStateSelection:函数(){ var self=这个; 这是我的国家({ 所选:函数(){ if(自状态选择+1<自板长度){ 返回self.state.selected+1; }否则{ 返回0; } }() }) }, getInitialState:函数(){ 返回{ 已选:0 } }, render:function(){ 对于(var ii=0;ii
{ 这是一块木板 }
切换
); } }); 反应( , 文件正文
);
您有
这个.boards
,它是一个数组,每次运行渲染时都会将4个元素推送到它上面。而是使用局部变量
boards
,将其初始化为空数组

var boards = [];
for (...) { ... };
return <div>{boards}</div>
var板=[];
对于(…){…};
返回{boards}