• Одно значение в JSX заключается в том, что вы не используете класс Word для определения классов HTML. Это потому, что класс является зарезервированным словом в JavaScript. Вместо этого JSX использует классное значение.

• Также обратите внимание, что HTML-атрибуты и ссылки на события в JSX становятся камерой.

• Давайте применять класс Мидив к Div Предоставляется в коде JSX.

const JSX = (
  
 {/* <--- added a class of myDiv */}
    
Add a class to this div
  
);

Самозакрытие

• В JSX немного отличается, любой элемент JSX может быть написан с помощью самозакрытия, и каждый элемент должен быть закрыт. Например, тег на разрыв линии всегда должен быть написан как для того, чтобы быть действительным JSX, который можно транслировать. А, с другой стороны, можно записать как или. Разница в том, что в первой версии нет способа включить все в. В моих более поздних сообщениях вы увидите, почему этот синтаксис полезен при рендеринге компонентов React.

Оригинал: «https://dev.to/rthefounding/react-creating-an-html-class-in-jsx-52ik»