@Eugene_Evgeni
Я занимаюсь программированием с 14 лет.

Не могу подключить useState к react. Что делать?

Я только начал осваивать react. Открыл на официальном сайте react`а инструкцию по подключению react`а к сайту. Подключил react через
<script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

Потом я, следуя инструкции, создал папку src и начал писать в ней файлы с расширением .jsx . Я смог подключить компоненты, вывести что-то на экран. И тут дело дошло до "хуков". Я увидел в гайде ( уже на неофициальной странице), как использовать useState. Подстроил код под свои нужды и после компиляции увидел ошибку.
Uncaught ReferenceError: useState is not defined

Самое удивительное в этой истории то, что я подключил useState даже в .jsx .
Вот мой код
import React, { useEffect, useState } from 'react';

const ButtonPlayOrPause = () =>{
    const [isItPlay, StopOrContinue] = useState(1);//ошибка тут

    function PauseSong(){
        StopOrContinue(isItPlay -= 1);
    }

    function PlaySong(){
        StopOrContinue(isItPlay += 1);
    }
    if(isItPlay == 1){
        return (
            <div className="BlockToButtonPlayOrPause">
                <div className="ButtonPlayOrPauseSong">
                    <img alt="||" className="imgButtonPlayOrPause" onClick={PauseSong} src=".../NecessaryFiles/white_pause.png"></img>
                </div>
            </div>
        );
    } else {
        return (
            <div className="BlockToButtonPlayOrPause">
                <div className="ButtonPlayOrPauseSong">
                    <img alt=">" className="imgButtonPlayOrPause" onClick={PlaySong} src=".../NecessaryFiles/white_play.png"></img>
                </div>
            </div>
        );
    }
};

export default ButtonPlayOrPause;

Весь этот код написан в файле с расширением .jsx
  • Вопрос задан
  • 97 просмотров
Решения вопроса 1
black1277
@black1277
Вольный стрелок
Замените эту строку
import React, { useEffect, useState } from 'react';

на эту
const { useEffect, useState } = React
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы