react context 配合 ts,每次都要判空

  • 解決方法:自定義useNonNullContextValue解決
import React, {useContext} from 'react';

export const useNonNullContextValue = <T, >(context: React.Context<T>) => {
  const contextValue = useContext(context);
  if (!contextValue) {
    throw new Error('useNonNullContextValue must be used within a non-null context');
  }
  return contextValue;
};

type ContextValue = {
  appState: User,
  setAppState: Dispatch<User>
};

const Context = createContext<ContextValue | null>(null);

const User = () => {
  const { appState } = useNonNullContextValue(Context);

  return <div>
    User:{appState.user.name}
  </div>;
};

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容