Nome della chiave in React.js per cn non selezionabile

Question

Ho definito un oggetto css all'interno del mio metodo di rendering ma sto cercando di capire come rendere il testo non selezionabile. React.js ha i propri nomi di chiavi come backgroundColor invece di background-color per gli oggetti css. Sto cercando di capire il nome della chiave per gli stili non selezionabili? Esempio:

\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 non sembra funzionare in Chrome. C'è un nome diverso?

Answer 1

user-select ha i seguenti nomi CSS:

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

In base a questo, i nomi di reagire sono:

MozUserSelect:none 
WebkitUserSelect:none 
msUserSelect:none 

Ogni trattino - e il carattere successivo è sostituito dal secondo lettera maiuscola.