Invariant Violation: Verwendungsproblem für npm Bibliothek

Question

Ich versuche, das react-google-login in npm site gefunden, aber ich bin in einigen Fragen läuft. Der Fehler ist

bundle.js:3104 Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method ofLogin. 

und

bundle.js:3104 Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method ofLogin 

Dies wegen der Verwendungsproblem sein, da können. Ich habe vielleicht auch nicht richtig importiert. Jede Hilfe wird sehr geschätzt.

var React = require('react') 
var GoogleLogin = require('react-google-login') 
var Login = React.createClass({ 
    responseGoogle(e){ 
     console.log("response",e) 
    }, 
    render:function(){ 
     return <div> 
      <GoogleLogin 
      clientId="xxxxxxxxxxx-yyyyyyyyyy.apps.googleusercontent.com" 
      buttonText="Login" 
      callback={this.responseGoogle} /> 
     </div> 
    }, 
}); 
module.exports = Login; 

~

Dies wird höchstwahrscheinlich eine unerwünschte Funktion oder Klasse aufrufen. Ich habe die Anforderung verwendet und ich bin nicht mit dem Import vertraut. Alle Vorschläge oder Hinweise zur richtigen Art und Weise, korrekte Syntaxen für die Zukunft herauszufinden, werden ebenfalls sehr geschätzt.

Answer 1

Haben Sie versucht:

var GoogleLogin = require('react-google-login').default 

Answer 2

Sie müssen eine Zeile hinzufügen, um Ihre Komponente zu exportieren.

export default Login;