1

Пробую React Hooks. При рендере ошибка: Пример взят тут ошибка

Вот код: App.js

import React, { useState } from 'react';

function App() {
  // Declare a new state variable, which we'll call "count"
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  )
}

export default App;

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

6
  • какая у вас версия реакта?
    – Komdosh
    Commented 2 янв. 2019 в 16:37
  • "react": "^16.7.0", так же я пробовал "react": "^16.7.0-alpha.2", результат тот же
    – SirGrey
    Commented 2 янв. 2019 в 16:41
  • попробуйте убрать ^, она может сбивать с толку npm
    – Komdosh
    Commented 2 янв. 2019 в 16:45
  • Убрал, переустановил, результат тот же, та же ошибка. TypeError: Object(...) is not a function
    – SirGrey
    Commented 2 янв. 2019 в 16:49
  • а сам react-dom тоже 16.7? Просто по приведённому выше коду, вроде ошибок не замечаю
    – Komdosh
    Commented 2 янв. 2019 в 16:49

2 ответа 2

2

На странице, с которой Вы берете пример, явно написано:

Hooks are an upcoming feature that lets you use state and other React features without writing a class. They’re currently in React v16.7.0-alpha.

а Вы как я понял используете 16.7.0. Переустановите пакеты еще раз. Эта ошибка возникает при конфликте новой версии react и старой react-dom:

rm -rf /node_modules
yarn add [email protected] [email protected]
1

На сайте укзали что хуки перенесли в следуйщую альфа-версию. 16.7.0 релизнулся но без хуков, хуки щас в версии 16.8.0-alpha.0.

Hooks are an upcoming feature that lets you use state and other React features without writing a class. They’re currently in React v16.8.0-alpha.0.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.