25 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			25 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| ---
 | ||
| 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> 
 | ||
|  ); 
 | ||
| 
 | ||
| ``` |