Import React from 'react'; import AuthUserContext from './context'; import { withFirebase }

Question

Import React from 'react'; import AuthUserContext from './context'; import { withFirebase }

from '../Firebase';

const withAuthentication = (Component) => {
class WithAuthentication extends React.Component {
constructor(props) {
super(props);

this.state = {
authUser: null,
};
}

componentDidMount() {
const authUser = auth.getCurrentUser()
authUser
? this.setState({ authUser })
: this.setState({ authUser: null });
},
);
}

componentWillUnmount() {
this.listener();
}

render() {
return (
<AuthUserContext.Provider value={this.state.authUser}>
<Component {...this.props} />
</AuthUserContext.Provider>
);
}
}

return withFirebase(WithAuthentication);
};

export default withAuthentication;

0

25.03.2021

4 ответов

18 просмотров

Masoud

Thomas
Very confusing indirection here

👍🏻

0

25.03.2021

Fasil Автор вопроса

Thomas
Very confusing indirection here

why, i dont understand, can you explain

0

25.03.2021

Thomas

Fasil
why, i dont understand, can you explain

withAuthentication is a function that takes a Component, and returns the returned value from withFirebase which takes the class you define inline in the function

0

25.03.2021

Thomas · Accepted Answer

Thomas

Very confusing indirection here

0

25.03.2021

Похожие чаты

Import React from 'react'; import AuthUserContext from './context'; import { withFirebase }

4 ответов

Похожие вопросы