React typescript error: Element implicitly has an 'any' type

Question

我是 typescript 的初学者，我在 reactjs 中使用它，但我遇到了错误。有人可以帮我解决这个问题吗？ Element implicitly has an 'any' type because expression of type 'string' can't be used to index type.

export const colors = {
  RootBackground: "#fff",
}



style = {
  [
    buttonStyle ? buttonStyle : styles.button,
    {
      backgroundColor: colors[color],
      width
    },
  ]
}

注：错误在这一行colors[color]

Answer 1

限制color为颜色键：

interface Props {
  color: keyof typeof colors
  // other props
}