gpt4 book ai didi

javascript - 使用 React 导出 javascript 函数

转载 作者:行者123 更新时间:2023-11-30 10:06:13 27 4
gpt4 key购买 nike

我正在尝试为网站进行 facebook 登录。我发布的是一段带有返回此 html 代码的渲染函数的 js 文件:

var hellojs = require('./hello.js');

// See what hello.js does: http://adodson.com/hello.js/demos/profile.html#helloapi-me-
//It basically prompts the facebook window to sign up.
var React = require('react');

var provide rs = {
facebook : 'XXXXXXXXXXXXXXX',
twitter : 'XXXXXXXXXXXXXXX',//I have registered my app, XX.. is just for privacy.
google : 'XXXXXXXXXXXXXXX'
};
//LISTENER FOR LOGIN

hellojs.hello.on('auth.login',function(auth){
hellojs.hello(auth.network).api('/me').then(function(response){
var object = {};
debugger;
if (auth.network === 'twitter' || auth.network === 'facebook'){
object.username = response.name;
object.providerId = response.id.toString();
object.thumbnail = response.thumbnail;
}
object.providerType = auth.network;
sessionActions.authenticated(object);
});
});
/*Sign Up component*/
login: function(event){
var object = {};
var provider = event.currentTarget.name;
object[provider] = providers[provider];

hellojs.hello.init(object,{
'redirect_uri' : 'localhost',
'oauth_proxy' : 'https://auth-server.herokuapp.com/proxy',
scope: 'publish_actions'
});
hellojs.hello.login(provider);
},
render: function() {
.....
return (
<div className="signup col-sm-4">
<form className="form-horizontal" role="form" id="login-form">
.....
<div className="form-group">
<div className="col-sm-offset-2">
<button onClick={this.login}
class='zocial facebook'>Sign in with Facebook</button>
</div>
</div>
</form>
</div>
);

当我编译并单击“使用 Facebook 登录”按钮时,没有任何反应。我有点困惑,因为我使用以下简单的 html 文件进行了尝试,并且效果很好:

<script> src='hello.js'></script>
<button onClick="{this.login}">Sign in with Facebook</button>

最佳答案

我认为您遇到了大小写问题。将 onclick 更改为 onClick。 JSX 变成了 javascript,所以大小写很重要。

虽然这仍然可能行不通,因为 hello 不在全局范围内,它可能需要在 HTML 元素中才能执行。相反,向调用 hello.hello() 的组件添加一个方法。

doLogin: function() {
hello.hello('facebook').login()
},
render: function() {
.....
return (
<div className="signup col-sm-4">
<form className="form-horizontal" role="form" id="login-form">
.....
<div className="form-group">
<div className="col-sm-offset-2">
<button onClick={this.doLogin}
class='zocial facebook'>Sign in with Facebook</button>
</div>
</div>
</form>
</div>
);

关于javascript - 使用 React 导出 javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29023068/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com