我安装了react-toastr并集成了示例代码。
import React from 'react'
import { ToastContainer } from 'react-toastr';
class Notifier extends React.Component
{
updateNotify()
{
this.refs.container.info('hola el mundo');
}
render()
{
return(
<ToastContainer ref="container"
className="toast-top-right" />
);
}
}
当我在容器上调用info()时会弹出消息,但就像页面顶部的纯文本一样,而不是右上角的样式框。消息也永远不会消失。所以看起来缺少CSS和JavaScript组件。
我做错了什么?为什么在Linux下安装这些有关fsevents的警告?如果重要,我会使用反应15。我降级到反应 - 版本2.9.5,但它没有什么区别。
$ npm install --save react-toastr
myApp@0.3.1 /home/myApp
└─┬ react-toastr@3.0.0
└─┬ babel-runtime@6.26.0
├── core-js@2.5.3
└── regenerator-runtime@0.11.1
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.0.17 (node_modules/react-scripts/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.0.17: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})