LoginSignup
0

More than 1 year has passed since last update.

【React】Identifier 'Hoge' has already been declaredの対処法【javascript】

Last updated at Posted at 2021-07-15

症状

Reactで画面作成時に以下のエラーが発生しました。
翻訳すると、「識別子 'Hoge'はすでに宣言されています」でした。
シンプルに、変数が二重に宣言されていると言われているようです。

エラー
Identifier 'Hoge' has already been declared 

以下が該当のソースです。

HogeHome.jsx
import React,{useState} from "react";
import Hoge from "../Hoge";
import Hoge from "../Hoge";

export const HogeHome = () => {

  const [value, setValue] = useState(Hoge);

  return (
    {value}
  )
}

解決策

imortが2重に書かれていた箇所を1つに直したら、解決しました。
importした値やオブジェクトが2重にimportされているため、既に宣言されているというエラーが出ていたようです。

HogeHome.jsx
import React,{useState} from "react";
import Hoge from "../Hoge";
import Hoge from "../Hoge";

export const HogeHome = () => {

   const [value, setValue] = useState(Hoge);
  return (
    {value}
  )
}

参考

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0