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;

错误消息的图片

所以我无法让我的滑块工作...即使是现成的例子也行不通。有反应抛出的错误图片。我正在使用创建-反应-应用程序

Answer 1

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

Answer 2

实际上，当您想从包中导入特定内容时，会使用大括号，在这种情况下，您可以只：

import Slider from 'react-slick';

我希望这也有助于了解您在做什么：-(