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;

〜

这很可能是在调用不需要的函数或类。我一直在使用要求，我不熟悉导入。任何有关确定未来正确语法的正确方法的建议或说明也值得高度赞赏。

Answer 1

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

export default Login;

Answer 2

你试过了吗？

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

不变违规：npm库的使用问题

2 个答案: