Reactjs props ind中i参数的值未更改

Reactjs props ind中i参数的值未更改,reactjs,babeljs,jsx,Reactjs,Babeljs,Jsx,代码段: 功能按钮按钮{ var ans=[ [56,30,11,20],[1,-2,2,-1], [奇数、偶数、无、均为] ]; var按钮=[],i; fori=0;i {ans[props.q-1][i]} } 返回{按钮} } 我是一个使用fatarrows和react的新手。我正在制作一个测试界面。在这里,四个按钮I=0到3中的每一个都有一个特定问题q的选择。在检查web开发人员时,我发现对于这四个按钮中的每一个,我在props.ind方法中传递的值都是4,i、 最终增量后i的e值。很

代码段:

功能按钮按钮{ var ans=[ [56,30,11,20],[1,-2,2,-1], [奇数、偶数、无、均为] ]; var按钮=[],i; fori=0;i {ans[props.q-1][i]} } 返回{按钮} }
我是一个使用fatarrows和react的新手。我正在制作一个测试界面。在这里,四个按钮I=0到3中的每一个都有一个特定问题q的选择。在检查web开发人员时,我发现对于这四个按钮中的每一个,我在props.ind方法中传递的值都是4,i、 最终增量后i的e值。

很难理解您试图实现什么。如果你能提供更多的信息,我可以提供更多的帮助

下面是一些代码,可以帮助您开始。它在一系列问题中循环,然后在答案中循环:

常量按钮=道具=>{ 常量问题=[ [56,30,11,20], [1,-2,2,-1], [奇数、偶数、无、均为] ]; 回来 {questions.mapquestion,i=> {question.mapanswer,n=> alertanswer}> {答案} } } ; }; ReactDOM.render , document.getElementById'app' ;
终于修好了,所以i是一个var变量。对于存储在按钮数组中的四个按钮中的每一个,i的值没有复制到prop.indi方法参数中,而是存储了引用。因此,循环结束时i.e 4的最后一个值是我们为每个HTML按钮props.ind4获得的值


现在,当我声明for循环中的let I reference无法存储时,因为它在循环外无法访问,因此I的立即值存储在props.ind.ie props.ind0中作为第一个按钮,props.ind1以这种方式显示第二个按钮。

由于变量的函数作用域,每个JavaScript程序员都至少犯过一次错误。读一读:谢谢@Phil Bellamy,这很有帮助