javascript - 在 OnMouseDown 事件中设置 React 状态导致没有文本选择

Question

我在经典的 React 类中有这段代码：

constructor(props) {
  super(props);

  this.state = {
    isMouseHolding: false
  }

  this.handleOnMouseDown = this.handleOnMouseDown.bind(this);
  this.handleOnMouseUp = this.handleOnMouseUp.bind(this);
}

handleOnMouseDown(event) {
  this.setState({
    isMouseHolding: true
  });
}

handleOnMouseUp() {
  this.setState({
    isMouseHolding: false
  });
}

<div onMouseDown={this.handleOnMouseDown} onMouseUp={this.handleOnMouseUp}>
    ...
</div>

状态设置正常，但现在如果我选择一个文本，它不会突出显示。

我们如何传播事件以使其正常运行但改变状态？

编辑：

我需要的只是保持选择文本（例如当您将鼠标放在文本上时的每个网页），但还要更改状态。

标签： javascripthtmlreactjs