＜React＞exportできない

Question

前提・実現したいこと

App.jsxにLinksをimportしたいのですがそもそもLinksからexportができずに困っております

エラーメッセージ
./src/App.jsx
Attempted import error: 'Links' is not exported from './Links'.

該当のソースコード

import React from "react";
import {Link} from "react-router-dom";

const Links = () => {
  return(
    <div>
      <Link to="/contact">Contactへ</Link>
    </div>
  )
}

export default Links;

import React from "react";
import {Links} from "./Links";
import logo from './logo.svg';
import {Router} from "react-router-dom"
import './App.css';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Test環境です
        </p>
        <Links/>
      </header>
    </div>
  );
}

export default App;

Answer 1

export default Linksとしたものをimportするときは、import Links from "./Links";のように波括弧なしで書きます。

Comments

[maisumakun]

import { Links }は、export { Links }としたものに使います。

[ShojiroAbe]

無事できました！ありがとうございます！