创建反应应用程序和反应流畅

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;

错误消息的图片

因此，我无法使滑块正常工作。即使准备好的示例也无法正常工作。 有错误反应的图片。 我正在使用create-react-app

Answer 1

尝试import Slider from 'react-slick'; （去掉大括号）

Answer 2

实际上，当您要从包装中导入特定内容时，可以使用大括号，您可以：

import Slider from 'react-slick';

我希望这有助于您了解自己在做什么：-)