How to import and export components using React + ES6 + webpack?

Try defaulting the exports in your components:

import React from 'react';
import Navbar from 'react-bootstrap/lib/Navbar';

export default class MyNavbar extends React.Component {
      return (
        <Navbar className="navbar-dark" fluid>

by using default you express that’s going to be member in that module which would be imported if no specific member name is provided. You could also express you want to import the specific member called MyNavbar by doing so: import {MyNavbar} from ‘./comp/my-navbar.jsx’; in this case, no default is needed

Leave a Comment