Объявление HTML-атрибута class в JSX
Теперь, когда вам удобнее писать JSX, вам может быть интересно, как он отличается от HTML. До сих пор может показаться, что HTML и JSX точно такие же. Но это не так. Одно из ключевых различий в JSX заключается в том, что вы больше не можете использовать атрибут class для определения классов HTML. Это потому, что class является зарезервированным словом в JavaScript. Вместо этого JSX использует className . Фактически, соглашение об именах для всех атрибутов HTML и ссылок на события в JSX становится camelCase. Например, событие click в JSX - onClick, а не onclick. Аналогично, onchange становится onChange. Хотя это не совсем очевидная разница, все же важно помнить ее на будущее.
Замечание: на самом деле, начиная с 16 версии Реакта, можно и class написать, и это будет работать. Вы просто в режиме разработки получите предупреждение. Но конечно же, лучше так не делать, а писать именно className.
Примените класс myDiv к элементу div, предоставленному в коде JSX.