“Firebase”类型不可分配给“null”类型。 TS2322

Question

我正在关注本教程：https://www.robinwieruch.de/complete-firebase-authentication-react-tutorial

我正处于使用以下代码的 Firebase 上下文提供程序的步骤：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import * as serviceWorker from './serviceWorker';
import App from './components/App';
import Firebase, { FirebaseContext } from './components/Firebase';

ReactDOM.render(
  <FirebaseContext.Provider value={new Firebase()}>
    <App />
  </FirebaseContext.Provider>,
  document.getElementById('root'),
);
serviceWorker.unregister();

我想在打字稿中这样做只是为了建立我的印章，而在 value={new Firebase()} 上我收到错误 Type 'Firebase' is not assignable to type 'null'. TS2322

我完全确定如何编辑值数据类型分配，因为它似乎是由 React 本身设置的？

这是上下文提供者的代码：

import React from 'react';

const FirebaseContext = React.createContext(null);

export default FirebaseContext;

Answer 1

在您需要设置类型的 Firebase 上下文中，您现在应该可以使用 any，直到您确定 Firebase 返回的特定类型。

const FirebaseContext = React.createContext<any|null>(null);