Блог

использование функциональных компонентов для создания моего пользовательского интерфейса. Мой компонент register не может найти import react, {useState} from 'react' , он возвращает мне эту ошибку.

 Failed to compile.

./src/pages/Register.js
  Line 10:31:  React Hook "useState" is called in function "register"
 which is neither a React function component or a custom React Hook function 
 react-hooks/rules-of-hooks

Search for the keywords to learn more about each error 
  

Моя структура приложения

Я удалил react и переустановил его безрезультатно

 
import React, { useContext, useState } from "react";

function register() {
  const initialState = {
    username: "",
    password: "",
    confirmPassword: "",
    email: "",
  };
  const [values, setvalues] = useState(initialState);
  return (
    <div>
      <h1>register</h1>
    </div>
  );
}

export default register;
  

Ваша проблема в том, что имена компонентов должны быть прописными в react. должно быть «Register», а не «register».