Question

我已经四处搜索，并认为我找到了解决方案。但是，我的代码似乎并没有触发“手柄点击”。功能通过onClick。起初我认为这是一个范围问题，所以我通过了这个＆＃39;进入地图，修复了控制台错误，但函数永远不会触发......

如果我在地图外移动按钮，则不会抛出任何错误。

    handleClick: function(event) {
       console.log('Clicked');
       this.setState({personName: 'Hello'});
    },

     render: function () {
       var text = this.state.personName;
       var parsedItems = this.state.userItems.map(this.prepareData);

    return (
        <div>
            <button onclick={this.handleClick}>Click me!</button>   <---- This works
            <div className="row hidden-xs">
                <div className="loading"></div>
                {
                    parsedItems.map(function (itemData, index) {
                        return (
                            <div key={itemData.itemCode}>
                                <p>{text}</p>
                                <p><button onclick={this.handleClick}>Click me!</button></p>  <-- This doesn't work
                            </div>
                        )
                    }, this)
                }
           )
    }

Answer 1

我不确定为什么会投票，但我最终确实找到了解决方案。万一其他人遇到此问题， onclick 区分大小写，因此需要 onClick 这不会引发任何令人讨厌的错误！

onClick不在地图内射击 - ReactJS

1 个答案: