相关疑难解决方法(0)

在组件上反应onClick事件

我有一个名为React的组件<SensorList />,它有许多子代<SensorItem />(另一个React组件).我希望能够从内部声明onClick每个事件.我尝试过以下操作:<SensorItem /><SensorList />

sensorSelected: function(sensor) {
    console.log('Clicked!');
},

render: function() {
    var nodes = this.state.sensors.map(function(sensor) {
        return (
            <SensorItem onClick={ this.sensorSelected } />
        );
    }.bind(this));

    return (
        <div className="sensor-list">
            { nodes }
        </div>
    );
}
Run Code Online (Sandbox Code Playgroud)

毋庸置疑,我没有得到任何"点击!" 进入我的控制台.Chrome中的React检查器指示onClick已注册事件,并具有上述功能主体.

因此,我得出结论,我无法onClick在实际<SensorItem />标签上注册事件(但我不知道为什么会这样).我怎么去实现这个呢?

javascript events reactjs

49
推荐指数
2
解决办法
5万
查看次数

标签 统计

events ×1

javascript ×1

reactjs ×1