我在应用程序中具有此结构,每个级别都是一个组件:
Assigning
├── Assignee (key='user0')
│ ├── AssigneeTask (key='user0task0')
| | └── button (onClick)
│ ├── AssigneeTask (key='user0task1')
| | └── button (onClick)
| └── AssigneeTask (key='user0task2')
| └── button (onClick)
├── Assignee (key='user1')
└── Assignee (key='user2')
当我使用组件键单击按钮中的Assignee
组件时,该如何删除?我该如何在reactjs中执行此操作?
我试图将密钥传递给onClick
并将display
设置为none
,但是我无法通过其密钥获取组件!
答案 0 :(得分:2)
您可以使用状态/功能提升:
.csv
如果现在触发按钮的onClick,则会触发class Container extends Component {
[...]
render() {
return this.state.opened && <ContainerButton clickedButton={this.close} />
}
close = () => {
this.setState({opened: false});
}
}
class ContainerButton extends Component {
[...]
render() {
<button onClick={this.props.clickedButton} />
}
}
的关闭功能