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

问题描述

问 题

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>
    )
});

解决方案

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

这篇关于react.js - React.Children.map 嵌套 map，onClick 执行多次问题！的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！