React.Children.map 嵌套 map，onClick 执行多次问题！

Question

const Option = React.Children.map(this.props.children, (item, index) => {
    const OptionItem = item.props.option.map((item2, index2, array2) => (
        <li
            key={index2}
            className={'b-b-1px'+ (this.state.current == index2 ? ' active' : '')}
            onClick={this.handleTabItem.bind(this, index2)}
        ></li>
    ));

    return (
        <ul className="option-item" style={{display: this.state.visibility == index ? 'block' : 'none'}}>{OptionItem}</ul>
    )
});

Answer 1

这个问题是我自己疏忽了，li里面我是放了inout=checkbox，然后name没设置好，问题解决了

Answer 2

问题描述的是不是太简单了。。。