javascript - 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;

据此，react 的名称是:

MozUserSelect: "none"
WebkitUserSelect: "none"
msUserSelect: "none"

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