css - 外部库的样式不起作用?

标签 css reactjs notifications styles toast

<分区>


关闭 4 年前

我正在开发一个 React 应用程序,当我使用外部库时,样式不起作用。结果不如预期。

我正在使用 https://fkhadra.github.io/react-toastify/ (在那里检查结果)

这就是我看到的结果:

enter image description here

安装外部库时我是否遗漏了什么?

最佳答案

您需要导入 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>
          );
        }

  }

关于css - 外部库的样式不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51975196/

上一篇:javascript - 表单字段中的切换图标

下一篇:html - 如何从视频链接中点击并让它在下面的区域播放?

相关文章:

css - VS Code 鼠标悬停预览 css 变量

javascript - react 合成事件的流型错误

android - 带有操作按钮的推送通知不起作用

java - 通知总是创建新的 Activity 而不是恢复以前的 Activity

ios - 类型 'UITextField' 没有成员 'textDidBeginEditingNotification'

javascript - 使用 jquery/javascript 刷新时保存 css 类

jquery - 高度 : 100% won't keep ratio of image

css - 用我自己的替换网站的 CSS

reactjs - 变换上的布局动画

javascript - ReactJS - 如何设置 React 日历样式