不变冲突: npm库的使用问题

Question

我正在尝试使用npm site中的react-google-login，但我遇到了一些问题。错误是

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.

和

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;

~

这很可能是在调用不需要的函数或类。我一直在使用require，但我不熟悉import。任何关于未来正确语法的正确方法的建议或笔记也是我们高度赞赏的。

Answer 1

您是否尝试过：

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

Answer 2

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

export default Login;