javascript - react map函数中点击事件失效

问题描述

问 题

DirectSlect=React.createClass({
    getInitialState:function(){
        return {
            selectLists:[]
        }
    },
    onListClick: function(e){
        alert('lkjn');
    },
    render:function(){
        var selectList=[];
        return (
            <div>
                        <ul className='selectLisr'>
                        {
                            this.state.selectLists.map(function(v,i){
                                return <SelectList key={i} selectList={v.name} onClick={this.onListClick}/>
                            },this)
                        }
                        </ul>
            </div>
            
        )
    }
});

上面是我的代码，但是onClick并不起作用也不报错，这个怎么解决呢

解决方案

SelectList组件中也要有相应的onClick方法

这篇关于javascript - react map函数中点击事件失效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！