Nazwa klucza w pliku React.js dla niezaznaczalnego css

Question

Zdefiniowałem obiekt css wewnątrz mojej metody renderowania, ale staram się wymyślić, jak uczynić tekst niezaznaczalnym. React.js ma własne nazwy kluczy, takie jak backgroundColor, a nie background-color dla obiektów css. Próbuję ustalić kluczową nazwę dla niewybieralnych stylów? Przykład:

\t render:function(){ 
 
\t \t var ListItems={ 
 
\t \t \t cursor:'pointer', 
 
\t \t \t color:'black', 
 
\t \t \t marginLeft:'-20px', 
 
\t \t \t marginTop:'-10px', 
 
\t \t \t marginBottom:'14px', 
 
\t \t \t userSelect:'none', 
 
\t \t } 
 
\t \t if(this.state.linkHover=='hoverLink'){ 
 
\t \t \t ListItems.color='blue'; 
 
\t \t }else{ 
 
\t \t \t ListItems.color='black'; 
 
\t \t } 
 
\t \t \t return (
 
\t \t \t \t <div> 
 
\t \t \t \t <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> 
 
\t \t \t \t </div> 
 
\t \t \t) 
 
\t }

userSelect nie wydają się działać w Chrome. Czy jest inna nazwa?

Answer 1

użytkownik-select posiada następujące nazwy CSS:

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

Zgodnie z tym, nazwy reagują są:

MozUserSelect:none 
WebkitUserSelect:none 
msUserSelect:none 

Każdy łącznik - i następujący znak jest zastąpiony zgodnie wielką literę.