外部库的样式不起作用？

Question

我正在开发一个React应用，当我使用外部库时，样式不起作用。结果不符合预期。

我正在使用https://fkhadra.github.io/react-toastify/（在此处检查结果）

这就是我看到的结果：

安装外部库时是否缺少某些内容？

Answer 1

您需要导入CSS才能应用样式。示例代码在其github存储库中：https://github.com/fkhadra/react-toastify

   import React, { Component } from 'react';
      import { ToastContainer, toast } from 'react-toastify';
      import 'react-toastify/dist/ReactToastify.css';
      // minified version is also included
      // import 'react-toastify/dist/ReactToastify.min.css';

      class App extends Component {
        notify = () => toast("Wow so easy !");

        render(){
          return (
            <div>
              <button onClick={this.notify}>Notify !</button>
              <ToastContainer />
            </div>
          );
        }

  }