Avviso: classe di proprietà DOM sconosciuta. Intendi className?

Question

Ho appena iniziato ad esplorare Reagire, con l'aggiunta di un componente con una semplice funzione di rendering:

render() { 
    return <div class="myApp"></div> 
} 

Quando eseguo l'applicazione, ottengo il seguente errore:

Warning: Unknown DOM property class. Did you mean className? 

posso risolvere questo cambiando class a className.

La domanda è; React fa rispettare questa convenzione? Inoltre, perché è necessario utilizzare className anziché il convenzionale class? Se questa è una restrizione, è dovuta alla sintassi JSX o da qualche altra parte?

Answer 1

Sì, è un Reagire convenzione:

Since JSX is JavaScript, identifiers such as class and for are discouraged as XML attribute names. Instead, React DOM components expect DOM property names like className and htmlFor , respectively.

https://facebook.github.io/react/docs/jsx-in-depth.html#html-tags-vs.-react-components

Answer 2

Meteor usa babel a transpile ES5 a ES6 (ES2015), in modo che possiamo trattare con esso come una normale applicazione nodo con transpiler babel aggiunto .

è necessario aggiungere .babelrc file cartella principale del progetto e aggiungere le seguenti voci

{ 
    "plugins": [ 
    "react-html-attrs" 
    ] 
} 

E, naturalmente, è necessario installare questo plugin utilizzando npm:

npm install --save-dev babel-plugin-react-html-attrs