带有自定义反应钩子的打字稿

Question

尝试在 TypeScript 中编写一个自定义反应钩子，该钩子接受一个具有所有可选 React.CSSProperties 作为键的对象...

const something = useSomthing({
  color: {
    initial: 'red',
    new: 'blue'
  }
})

我能否以一种在 IDE 自动完成中获取所有 css 属性的方式编写它？

Answer 1

您可以使用keyof 并阅读更多内容here

type Config = {
  [key in keyof React.CSSProperties]?: {
    initial: React.CSSProperties[key];
    new: React.CSSProperties[key];
  }
};

const useSomething = (config:Config)=>{
   ...
}