React.js中用于不可选择的CSS的密钥名称

Question

我在我的render方法中定义了一个css对象，但我试图弄清楚如何使文本无法选择。 React.js有自己的键名，如backgroundColor而不是css对象的background-color。我想找出不可选择的样式的关键名称？例如：

	render:function(){
		var ListItems={
			cursor:'pointer',
			color:'black',
			marginLeft:'-20px',
			marginTop:'-10px',
			marginBottom:'14px',
			userSelect:'none',
		}
		if(this.state.linkHover=='hoverLink'){
			ListItems.color='blue';
		}else{
			ListItems.color='black';
		}
			return (
				<div>
				<li style={ListItems} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onClick={this.onClick}><input type="checkbox" checked={this.state.checked} unselectable="on"/>{this.props.value}</li>
				</div>
			)
	}

userSelect似乎无法在Chrome中使用。有不同的名字吗？

Answer 1

user-select具有以下css名称：

-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;

据此，反应的名称是：

MozUserSelect:none
WebkitUserSelect:none
msUserSelect:none

每个连字符-和后面的字符都用大写字母替换。