Question

我正在react组件中使用按钮，而onClick回调从未触发。该组件是根据.map函数中的数据生成的，除了按钮之外，它的外观和行为均正确。我有两个按钮（在代码中标记），两个按钮都不起作用。这是代码：

var namesList = this.state.data.map(function(name, index){
                return (
                  <div>
                        <a class="btn" onCLick={() => alert('alert')} style={{width: '70%', marginTop: '33px'}}>
                          <span>click</span>
                        </a>
                        <button onCLick={() => alert('alert')} > button </button>
                  </div>
                );
              })

为什么会这样？

Answer 1

我在这里看到一个错字：

onCLick={() => alert(‘alert’)}

应该是：

onClick={() => alert('alert')}

动态生成的按钮未单击React

1 个答案: