Синтаксис

source_local
- переменная в функции
  - создание переменной с состоянием
  - изменение переменной с состоянием в функции
  - вызов функции в атрибуте тега html
- вызов переменной в html
  - <div>{Переменная}</div>
- вызов функции в атрибуте тега html
  - <button onClick={ИмяФункции}>…</button>
- создание переменной с состоянием
  - const [Переменная,ИмяФункцииСостоянияПеременной]=useState(ЗначениеПеременной)
- изменение переменной с состоянием в функции
  - создание переменной с состоянием
  - function ИмяФункции() {
    - Изменение Переменной
    - ИмяФункцииСостоянияПеременной(Переменная)
  - }
- файл компоненты
  - Проект\src\components\ИмяКомпоненты.jsx
    - import React, {useState} from ‘react’
    - const ИмяКомпоненты = function () {
      - создание переменной с состоянием
    - return (<div>
      - вызов переменной в html
      - вызов функции в атрибуте тега html
    - </div>)
    - }
    - export default ИмяКомпоненты
- использование компоненты
  - import React from ‘react’
  - import ИмяКомпоненты from файл компоненты
  - function App(){
  - return (<div className=’App’>
  - <ИмяКомпоненты/>
  - </div>)
  - }
  - export default App
использование компоненты