Question

想要在react app中使用firebase身份验证，我创建了一个firebase类和一个上下文，它将为整个app提供firebase对象。

我用自定义的firebaseContextProvider包装了我的firebase组件，但是在app.js组件中获得了firebase上下文的空值

我也尝试过创建一个更高阶的组件，但这也没有用

// context.js
const FirebaseContext = React.createContext();

export const FirebaseProvider = (props) =>(
    <FirebaseContext.Provider value={new Firebase()}>
    {props.children}
  </FirebaseContext.Provider>
);

export default FirebaseContext ;

// index.js
ReactDOM.render(
            <Router>
                <FirebaseProvider>
                    <App />
                </FirebaseProvider>
            </Router>,
 document.getElementById('root'));

 // App.js
  const  firebase  = useContext(FirebaseContext);
  console.log(firebase); // This gives undefined value

请帮助！无法找出问题所在？

FirebaseContext返回空值？

0 个答案: