React.js单击事件没有响应第一次单击

时间:2016-12-11 16:14:12

标签: list reactjs mobile click

这是ios上的spa,点击事件没有第一次点击的响应,当我稍后点击它,它工作正常。 这是我的代码: 在父组件上:

handleSelectMonth (selectedMonth) {
    alert(selectedMonth);
} 

此方法在父组件上定义,该方法在父组件上呈现:

<Months handleSelectMonth={this.handleSelectMonth.bind(this)}/>

儿童组成部分:

render () {
    return (
        <div className="m-months">
            {
                [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((val, index) => {
                    return (
                        <div key={index}>
                            <ul className="months">
                                {
                                    val.data.map((val, index) => {
                                        return <li key={index} onClick={this.props.handleSelectMonth.bind(this, index)}></li>
                                    })
                                }
                            </ul>
                        </div>
                    );
                })
            }
        </div>
    );
}

0 个答案:

没有答案