import 오류

Permit.js

import React from "react"; import { useSelector } from "react-redux"; import { apiKey } from "./firebase"; const Permit = (props) => {   const is_login = useSelector((state) => state.user.is_login);   const _session_key = `firebase:authUser:${apiKey}:[DEFAULT]`;   const is_session = sessionStorage.getItem(_session_key) ? true : false;   if (is_session && is_login) {     return <React.Fragment>{props.children}</React.Fragment>;   }   return null; }; export default Permit;

Permit.js 파일을 작성 후 export를 해준 후에,

Header.js에서 위 사진의 주석처리 한 부분처럼 import를 했는데 import error가 발생했다.

import error

이유는 몰랐었는데 

import Permit from "../shared/Permit";

이렇게 import 하니 바로 해결이 되었다.

 

검색을 해보니 아래와 같은 차이가 있었다.

 

 

함수에 직접 내보내기를 사용하는 경우

export const addPost = (id) => {   . . . }

가져 올 때 중괄호로 묶어야한다  -> import {addPost} from '../URL';

 

내보내기 기본값을 사용하는 경우

const addPost = (id) => {   . . . }; export default addPost;

중괄호없이 가져오도록 한다 -> import addPost from '../URL';