javascript - 类型 '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();

我想在 typescript 中执行此操作只是为了构建我的印章，并且在 value={new Firebase()} 上我收到错误Type 'Firebase' is not allocate to输入“空”。 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);