无法将“ Firebase”类型分配给“ null”类型。 TS2322

Question

我将跟随本教程：https://www.robinwieruch.de/complete-firebase-authentication-react-tutorial

我正在使用以下代码在Firebase Context提供程序处进行操作：

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);