小编Sus*_*zzz的帖子

如何为以下 contextapi 代码设置 useReducer useContext 的 Typescript 类型?

我想在下面的代码中使用正确的 TS 类型,而不是任何类型。我是反应 TS 的新手,请帮助...

如何为以下上下文 API 代码设置 useReducer useContext 的打字稿类型:

import React, {createContext, Dispatch} from 'react';
import {firebaseUser} from '../@types/User';

interface Actions {
  SET_IMAGENAME: string;
  SET_USER: string;
}

export const Actions: Actions = {
  SET_IMAGENAME: 'SET_IMAGENAME',
  SET_USER: 'SET_USER',
};

function action(type: string) {
  return {type};
}

function actionPayload(type: string, payload: any) { //here
  return {type, payload};
}

export const Dispatches = {
  setImageName: action,
  setUser: actionPayload,
};

interface State {
  imgName: string;
  user: firebaseUser;
}

const initialState = { …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs react-context react-typescript use-reducer

5
推荐指数
1
解决办法
2853
查看次数