我有一个名为<SensorList />
的React组件,它有许多子<SensorItem />
(另一个React组件)。我希望能够在每个<SensorItem />
上从<SensorList />
中声明一个onClick
事件。我尝试做了以下几件事:
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>
);
}
不用说,我没有得到任何“点击!”在我的控制台上。Chrome中的React检查器指示注册了一个onClick
事件,上面的函数体应该是这样的。
因此,我得出结论,我不能在实际的onClick
标记上注册<SensorItem />
事件(但是,我不确定这是为什么)。否则我该如何实现这一点呢?
https://stackoverflow.com/questions/28268835
复制相似问题