反应：删除组件的当前实例

Question

我正在使用地图在页面上显示多个组件：

<ul>
    {this.props.userComponents.map((userComponent, index) => {
        return <UserComponent key={index} {...userComponent} />
    })}
</ul>

在我的地址组件中，我想包含一个可以删除该组件实例的按钮：

const UserComponent = props => {
    return (
        <div>
            <Media body>
                <Container>
                    <Row>
                        <Button onClick={ /*function here should remove the component */ }>Delete</Button>
                    </Row>
                </Container>
            </Media>
        </div>
    )
}

不确定如何执行此操作。有什么想法吗？