Машинописный текст с пользовательской реакцией

Question

Попытка написать пользовательский обработчик реакции в TypeScript, который принимает объект со всеми необязательными React.CSSProperties в качестве ключей, например ...

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

Могу ли я написать это так, чтобы получить все свойства css в автозаполнении IDE?

Answer 1

Вы можете использовать keyof и читать дальше здесь

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

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