React去掉双击文字的选中状态

在传统的编写Dom中，我们想要去掉双击文字变成选中状态这样的效果，只需要在标签上加上一个onselectstart事件，让他return false就可以了，例如这样：

<div onselectstart="return false;" >
    再编辑
</div>

这样就可以实现了，但是存在兼容问题，在火狐浏览器中没有onselectstart事件，所以并不能得到解决；
那下面结合css是其禁止双击选中；

<div onselectstart="return false;" style="-moz-user-select:none;" >
    再编辑
</div>

这样就解决掉了火狐浏览器的兼容问题；

但是在react中怎么去解决这样的问题呢？

试了试给组件添加onselectstart事件，并不起作用，进而想到了用css去设置,如下：

.treeNodeUnselectable {
  -webkit-user-select: none;
  -moz-user-select:none;
  -o-user-select:none;
  -ms-user-select:none;
}

这样就可以取消掉双击选中文字的效果了。