不可分配给'IntrinsicAttributes类型（React.js和TypeScript.js）

Question

我正在尝试在React中创建组件。我正在学习模式。所以可能我做错了。以下是我的代码

    "electron-webpack": "2.7.4",
    "node-sass": "4.13.0",
    "sass-loader": "8.0.0",
    "webpack": "4.41.2",
    "webpack-cli": "3.3.10",
    "webpack-dev-server": "3.9.0",
    "webpack-merge": "4.2.2"

我得到以下错误

请帮助我

Answer 1

功能组件只能将props作为变量，因此您必须提供道具的类型并像这样使用它。

interface IMenuListProps {
  options: IMenu[]
}

const MenuList = (props: IMenuListProps) => {
  return (
    <ul>
      {
        props.options.map((Option: IMenu) => (
          <li key="">
            <a href={Option.link}>{Option.name}</a>
            {/* Base Case */}
            {
              (Option.subitem && Option.subitem.length > 0) &&
              <MenuList options={Option.subitem} />
            }
          </li>
        ))
      }
    </ul>
  )
}