Wie setzt man eine CSS-Klasse auf ein div, das von reacts render() zurückgegeben wird

Question

React scheint die css-Klasse zu entfernen, die ich für das div festlegen möchte, das vom Rendern zurückgegeben wird. Es passiert sogar, wenn ich ein anderes div in das erste neste und die Klasse auf das eingeschlossene div setze.

var NightComponent = React.createClass ({Render: function() {return Test }});

Wie reagiere ich?

Answer 1

class wird nicht verwendet, um Klassen in React zu bezeichnen. Sie müssen className verwenden, wie in der React docs notiert.

Hinweis: Da JSX ist JavaScript, um Identifikatoren wie Klasse und entmutigt werden als XML-Namen zuzuordnen. Stattdessen erwarten React DOM-Komponenten DOM-Eigenschaftsnamen wie className bzw. htmlFor.