我跟隨韋斯博react for beginner
教程(更新),我堅持認證與firebase。嘗試使用github進行身份驗證。與firebase的身份驗證。 AuthWithOAuthPopup不是函數
得到一個錯誤TypeError: __WEBPACK_IMPORTED_MODULE_3__base__.a.AuthWithOAuthPopup is not a function
我的代碼似乎是一樣的,在教程:
class Inventory extends React.Component {
constructor() {
super();
this.renderInventory = this.renderInventory.bind(this);
this.renderLogin = this.renderLogin.bind(this);
this.authenticate = this.authenticate.bind(this);
this.authHandler = this.authHandler.bind(this);
this.handleChange = this.handleChange.bind(this);
this.state = {
uid: null,
owner: null
}
}
handleChange(e, key) {
const fish = this.props.fishes[key];
const updatedFish = {
...fish,
[e.target.name]: e.target.value
}
this.props.updateFish(key, updatedFish);
}
authenticate(provider){
console.log(`trying to login with ${provider}`);
base.authWithOAuthPopup(provider, this.authHandler);
}
authHandler(err, authData) {
console.log(authData);
}
renderLogin() {
return (
<div>
<h1>Log In</h1>
<button onClick={() => this.authenticate('github')}>Log In with Email</button>
</div>
)
}
這是怎樣我base.js文件看起來像:
import Rebase from 're-base';
import firebase from 'firebase';
const config = {
KEYS
};
const app = firebase.initializeApp(config)
const base = Rebase.createClass(app.database())
export default base;
如何導入'base'? – Dane
從'../ base'進口基地;' – karolis2017
你能分享那個文件嗎? – Dane