freeCodeCamp/guide/russian/certifications/front-end-libraries/react/define-an-html-class-in-jsx/index.md

25 lines
1.1 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

---
title: Define an HTML Class in JSX
localeTitle: Определить класс HTML в JSX
---
## Определить класс HTML в JSX
* HTML и JSX могут показаться, что они точно такие же, но между ними существует несколько различий.
* Одним из этих различий является соглашение об именах.
* HTML-атрибуты и ссылки на события в JSX становятся camelCase (onclick => onClick).
* Также могут быть некоторые слова, зарезервированные в JavaScript. Например, слово «класс» не может использоваться для определения классов HTML в JSX. Поэтому вместо использования класса вы можете использовать «className».
## Подсказка 1:
* Вы можете изменить «класс» на «className».
## Решение
```javascript
const JSX = (
<div className = "myDiv">
<h1>Add a class to this div</h1>
</div>
);
```