我有一个带有渲染行的简单表。每行包含一个组件:
return this.data.list.map((item, index) => {
return (
<tr key={"item-" + item._id} onMouseEnter={this._toggleActions.bind(this, index)} onMouseLeave={this._toggleActions.bind(this, index)}>
<td>{item.title}</td>
<td>
{item.desc}
<ItemActions key={"item-child-" + item._id} active={[whatToPassHere?]} />
</td>
</tr>
);
});
ItemActions
组件包含按钮列表。在鼠标悬停表行我想用一个道具激活这个组件,但我不知道如何做到这一点。我应该在_toggleActions
设置状态吗?我的结构完全错了吗?谢谢你的建议