如何指定列表项的类型。 TypeScript 错误 (TS7053)

Question

There is this code, with a TS error(TS7053) here- ${Titles[item]} I know it's a simple error. I'm new to TS, I don't understand how I need to specify a type for ${Titles[details]} to make this code work

import { Details } from './details';
import { Titles } from './titles';

type Keys = keyof typeof Titles;

interface Props {
  details: Details;
} 

export function TailsList({ details }: Props) {
  const keysList: string[] = Object.keys(Titles) as Keys[];
  return (
    <ul>
      {keysList?.map((item) => (
        <li key={item}>{`${Titles[item]}`}</li>
      ))}
    </ul>
)

Answer 1

Remove the string[] from keysList .

keyList was typed as string[] instead of Keys[] .

Answer 2

Put it as:

 const keysList: Keys[] = Object.keys(Titles) as Keys[];