我有一个上下文:
export const templateContext = createContext({
isButtonDisable: true,
setIsButtonDisable: (p: boolean) => {},
isSubmitReady: <boolean>false,
setIsSubmitReady: () => {},
buttonShow: false,
handleButtonShow: (val: boolean) => {},
steps: [] ,
handleSteps: (val: never) => {},
});
我不明白如何在这种情况下定义数组的类型。特别是 steps 数组。该数组还包含对象
最佳答案
您需要首先为您的对象添加类型,例如:
type MyContext = {
isButtonDisable: boolean;
setIsButtonDisable: (p: boolean) => {};
// and so on //
steps: String[];
};
如果数组很复杂,您也应该为其创建一个单独的类型。例如,您的数组包含一个 Step
对象数组:
type Step = {
id: string;
value: number;
};
现在您可以修改您的MyContext
:
type MyContext = {
isButtonDisable: boolean;
setIsButtonDisable: (p: boolean) => {};
// and so on //
steps: Step[];
};
关于reactjs - 如何在 react 中定义上下文数组中的类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66579348/