Reactjs - react-reponsive-carousel

Question

こんにちは、私はreactjsのnewbです。他のライブラリからいくつかのコードを引き出して、どのように動作するのか見てみたかったのです。残念ながら、私は反応反応型カルーセルを使用しようとしています。私はこれが本当に簡単な質問であることを理解していますが、私はかなり長い間このことに固執していますし、ヒントに感謝しています！どうもありがとうございます！

ここ

は、私は現在しようとしているものです：

をIndex.jsx

import React from 'react'; 
import {render} from 'react-dom'; 
import AwesomeComponent from './AwesomeComponent.jsx'; 
import CarouselComponent from './Carousel.jsx' 

class App extends React.Component { 
    render() { 
     return (
      <div> 
       <p>Hello React!</p> 
       <AwesomeComponent /> 
       <CarouselComponent /> 
      </div> 
     ); 
    } 
} 

render(<App/>, document.getElementById('container')); 

Carousel.jsx：

import React from 'react'; 
import Carousel from 'react-responsive-carousel'; 

class CarouselComponent extends React.Component { 
    render() { 
     return (
      <div> 
       <Carousel> 
        <div> 
         <img src="assets/1.jpeg" /> 
         <p className="legend">Legend 1</p> 
        </div> 
        <div> 
         <img src="assets/2.jpg" /> 
         <p className="legend">Legend 2</p> 
        </div> 
        <div> 
         <img src="assets/3.jpg" /> 
         <p className="legend">Legend 3</p> 
        </div> 
       </Carousel> 
      </div> 
     ); 
    } 
} 
export default CarouselComponent; 

I「はエラーコンソールで見る今すぐ：

Warning: React.createElement: type is invalid -- expected a string (for 
built-in components) or a class/function (for composite components) but got: 
undefined. You likely forgot to export your component from the file it's 
defined in. Check the render method of `CarouselComponent`. 
    in CarouselComponent (created by App) 
    in div (created by App) 
    in App 

Answer 1

react-responsive-carouselを中括弧でインポートしてみてください。 Like：

import { Carousel } from 'react-responsive-carousel';