在reactjs中单击按钮时删除组件

时间:2018-07-23 11:52:11

标签: reactjs

我在应用程序中具有此结构,每个级别都是一个组件:

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,但是我无法通过其密钥获取组件!

1 个答案:

答案 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} /> } } 的关闭功能