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

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