create-react-app & react-slick

Question

import React, { Component } from 'react';

import { Slider } from 'react-slick';

import Home from './Home.js';
import About from './About.js';

class App extends Component {


  render() {
    var settings = {
      dots:true,
    };
    return (
      <div className='app'>

        <div className='container'>
          <Slider {...settings}>
            <Home />
            <About />
          </Slider>
        </div>

      </div>
    );
  }
}


export default App;

Picture of errormessage

所以我不能让我的滑块工作。即使是现成的例子也不会起作用。这是react抛出的错误的图片。Im正在使用create-react-app

Answer 1

试试import Slider from 'react-slick'; (去掉大括号)

Answer 2

实际上，当您想要从本例中的包中导入特定内容时，可以使用大括号，只需：

import Slider from 'react-slick';

我希望这也有助于理解你在做什么:-)