Javascript 不变冲突：npm库的使用问题

我试图使用npm中的react google登录，但遇到了一些问题。错误是

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.

及

这可能是因为使用问题。我可能也没有正确地导入。非常感谢您的帮助

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;

var React=require（'React'））
var GoogleLogin=require（'react-google-login'）
var Login=React.createClass({
回应日志（e）{
console.log（“响应”，e）
},
render:function（）{
返回
},
});
module.exports=登录；

~

---

这很可能是调用不需要的函数或类。我一直在使用require，不熟悉import。如果您有任何关于未来正确语法计算方法的建议或注释，我们将不胜感激。

您需要添加一行以导出组件

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;

export default Login;

---

您需要添加一行以导出组件

export default Login;

您是否尝试过：

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

您是否尝试过：

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

---

很抱歉，这不起作用。如果我使用import可能会起作用吗？它肯定会与import一起工作，并且应该与此一起工作。。查看此链接一次非常感谢的链接！很抱歉，这不起作用。如果我使用import可能会起作用吗？它肯定会与import一起工作，并且应该与此一起工作。。查看此链接一次非常感谢的链接！