如何从组件属性推断类型？ [打字稿，反应]

Question

我希望从

FormValueType

属性推断出

initialValue

类型。似乎很容易而且可能，但我不知道该怎么做。如果你能让我朝着正确的方向前进，那也会非常有帮助。我闻起来好像有一个（或某些）概念我想念。谢谢

export type AnyObject = {
  // eslint-disable-next-line
  [k: string]: any; 
};


interface FormProps<FormValueType> {
  children?: ReactNode;
  initialValue: FormValueType;
  onChange: (_v: FormValueType) => void;
}
export const BasicForm = ({ children, initialValue }: FormProps<AnyObject>) => {
  const [formState, setFormState] = useState(initialValue);
  return <FormContext.Provider value={{ formState, setFormState }}>{children}</FormContext.Provider>;
};

Answer 1

看起来你只需要添加另一个通用参数：

export const BasicForm = <T extends AnyObject>({ children, initialValue }: FormProps<T>) => {

游乐场