Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何检查提供的属性是否属于泛型对象_Reactjs_Typescript - Fatal编程技术网

Reactjs 如何检查提供的属性是否属于泛型对象

Reactjs 如何检查提供的属性是否属于泛型对象,reactjs,typescript,Reactjs,Typescript,我对TypeScript泛型有问题。我编写了简单的UseMergeableStateReact钩子,它通过合并来更新状态。我不想添加新键,所以newState参数是T的一部分 import { Dispatch, SetStateAction, useState } from 'react'; type Return<T> = [T, (newState: T) => void, Dispatch<SetStateAction<T>>]; expor

我对TypeScript泛型有问题。我编写了简单的UseMergeableStateReact钩子,它通过合并来更新状态。我不想添加新键,所以newState参数是T的一部分

import { Dispatch, SetStateAction, useState } from 'react';

type Return<T> = [T, (newState: T) => void, Dispatch<SetStateAction<T>>];

export default function useMergeableState<T extends object>(initialState: T): Return<T> {
    const [state, setState] = useState<T>(initialState);

    const updateState = (newState: Partial<T>) => {
        setState({
            ...state,
            ...newState,
        });
    };

    return [state, updateState, setState];
}
从'react'导入{Dispatch,SetStateAction,useState};
类型Return=[T,(newState:T)=>void,Dispatch];
导出默认函数useMergeableState(initialState:T):返回{
常量[状态,设置状态]=使用状态(初始状态);
const updateState=(新闻状态:部分)=>{
设定状态({
……国家,
…新闻状态,
});
};
返回[状态,更新状态,设置状态];
}
现在我尝试只使用对象的一部分更新状态

interface FormState {
    amount: string;
    paid: string;
}

const [state, updateState] = useMergeableState<FormState>({
    amount: "1",
    paid: "2"
});

updateState({
   amount: "5"
});
接口FormState{
金额:字符串;
付费:字符串;
}
const[state,updateState]=UseMergableState({
金额:“1”,
支付:“2”
});
不动产({
金额:“5”
});
现在updateState返回了一个错误

类型{amount:string;}中缺少属性“paid”,但类型“FormState”中需要该属性。ts(2345)

在接口中需要支付的属性,但在UpdateEstate中不需要,因为部分原因。那我怎么写呢


发现了这个问题。它位于
Return
类型中,与您实际返回的内容不同。考虑什么是什么,什么应该是:< /P>
// is
type Return<T> = [
  T,
  (newState: T) => void, // here is T and should be Partial<T>
  Dispatch<SetStateAction<T>>
];
// should be
type Return<T> = [
  T,
  (newState: Partial<T>) => void, // changed to Partial<T>
  Dispatch<SetStateAction<T>>
];

哦,上帝,当然……我真是瞎了。我想我有一些逻辑问题。谢谢你,Maciej。然而,当删除时,它无法正确推断返回。我不知道为什么,但它将返回视为具有并集类型的常规数组,而不是元组。是的,抱歉将返回
附加为const
,并将正确推断
返回[state,updateState,setState]为const
return [state, updateState, setState] as const