node.removeChild（child）无法在react项目中工作

Question

我有一个子组件，主要用于传递道具，而父组件处理大多数功能，但子组件应该做一些事情，一个是删除/删除自己。

我试过“显示无”但是图书籍sortableJS和我写的内容并不能很好地结合在一起，所以我想我会尝试将所有元素一起删除，因为我还是很绿在React，Javascript我有点碰壁。

在我的孩子组件中，我有：

    return (
      <div
        style={{ display: this.state.display }}
        className="group-list"
        ref={sortableGroupDecorator}
        id="cell"
      >
        <CountCell style={{ background: this.state.color }}>

          <Row style={{ alignItems: 'center', marginLeft: '-42px' }}>
            <Col>
              <DeleteButton onClick={this.removePeople}>
                <Icon name="delete" className="delete-adjust fa-minus-circle" />
              </DeleteButton>
              <CountButton
                className={this.state.buttonStyle}
                onClick={event => {
                  this.props.incrementCountTotal();
                  this.incrementCount();
                }}
              >
                <Icon
                  name="icon"
                  className={'fa fa-plus ' + this.state.fontAwe}
                />
              </CountButton>
            </Col>
            <Col>
              <ScoreName style={{ color: this.state.scoreNameColor }}>
                {this.state.evilName + name}
              </ScoreName>
            </Col>
            <Col>
              <Score
                style={{
                  color: this.state.scoreColor,
                  textShadow: this.state.glow
                }}
              >
                {this.state.score}
              </Score>
            </Col>
            <Col>
              <CountButton
                className={this.state.buttonStyle}
                onClick={event => {
                  this.props.decrementCountTotal();
                  this.decrementCount();
                }}
              >
                <Icon
                  name="icon"
                  className={'fa fa-minus ' + this.state.fontAwe}
                />
              </CountButton>
            </Col>
          </Row>
        </CountCell>
      </div>
    );
  }
}

样式化的组件DeleteButton onClick调用函数来删除它自己：

removePeople() { // this.setState({ display: 'none' }); this.removeChild(); }

显示“无”真的不能很好地工作，所以当我尝试removeChild时（我认为不正确）我收到错误this.removeChild is not a function这是预期的但是我我不确定在我的函数中放入什么会一起删除属性。

（display: 'none'工作得很好，直到你对它们进行排序，或者移动它们然后突然之间它会不起作用或一次删除多个项目）