Ming
2021. 12. 1. 05:29
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 Permit from "../shared/Permit";
이렇게 import 하니 바로 해결이 되었다.
검색을 해보니 아래와 같은 차이가 있었다.
함수에 직접 내보내기를 사용하는 경우
|
export const addPost = (id) => {
. . .
}
|
가져 올 때 중괄호로 묶어야한다 -> import {addPost} from '../URL';
내보내기 기본값을 사용하는 경우
|
const addPost = (id) => {
. . .
};
export default addPost;
|
중괄호없이 가져오도록 한다 -> import addPost from '../URL';