More than 1 year has passed since last update.

React exportとimportの使い方

Posted at 2022-09-26

Reactでのimportとexportの使い方をまとめていく。
恐らく最初に記載したものは間違いだらけだと思うので都度修正していけたらと思う。

exportの使い方はapp.js側では

import { Header } from './components/Header';

の表記が必要
header.js側では

export const Header = () => {
  return (
    
    </div>
  );
};

importの使い方はapp.js側では

import Header from './components/Header';

header.js側では

import React from 'react'

const Header = () => {
  return (
    <div>
      Header    
    </div>
  )
}

export default Header

で今のところは動いている。