Comment installer react-toastr

Question

J'ai installé react-toastr et intégré le code d'exemple.

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" />
    );
  }
}

Lorsque j'appelle info() sur le conteneur, le message s'affiche, mais sous forme de texte brut en haut de la page, et non sous forme de boîte stylisée dans le coin supérieur droit. Le message ne disparaît jamais non plus. Il semble donc que les composants CSS et JavaScript soient absents.

Qu'est-ce que j'ai fait de mal ? Pourquoi ces avertissements à propos de fsevents alors que le logiciel est installé sous Linux ? J'utilise react 15 si cela a de l'importance. J'ai rétrogradé à react-toastr version 2.9.5 mais cela n'a pas fait de différence.

$ 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"})

Answer 1

Vous devez ajouter le CSS fichier de toastr

Exemple de fonctionnement