Ich versuche, @ zu verwend Googles Material Design Lite mit ReactJS. Ich benutzeSpinner Loading & Textfel Komponente der MDL-Bibliothek.

Aber wenn ich mit React Router die Route wechsle, findet die Animation nicht statt und wenn ich die Seite aktualisiere, funktioniert sie einwandfrei. Ich denke, das liegt wahrscheinlich daran, dass MDL-Komponenten nicht aktualisiert werden. Dann versuche ich, @ zu verwendcomponentHandler.upgradeDom(), aber Console gibt einen Fehler aus,app.js:27160 Uncaught TypeError: Cannot read property 'upgradeDom' of undefined.

Hier ist der Code,

var React = require('react');
var ReactDOM = require('react-dom');
var PropTypes = React.PropTypes;
var MDLite = require('material-design-lite');
var componentHandler = MDLite.componentHandler;

var styles = {
  loader: {
    marginTop: '70px',
  }
}

var Loading = React.createClass({
  render: function() {
    return (
      <div className="mdl-spinner mdl-js-spinner is-active" style={styles.loader}></div>
    );
  },
  componentDidMount: function() {
    componentHandler.upgradeDom();
  },
});

module.exports = Loading;

Ich habe auch versucht, @ zu protokollier MDLite Variable in der Konsole mitconsole.log(MDLite). Aber es zeigt mir einleeres Objekt {}. Ich benutze webpack & Material Design Lite mit @ installiert hab NPM, npm install material-design-lite --save.

Meine Frage ist, wie ich MDL richtig importieren / benötigen und verwenden kanncomponentHandler.upgradeDom()?