Question

我想将流类型添加到使用Material UI的现有React项目中。我有许多组件可以渲染Material UI组件并通过收到的所有道具。例如：

import React from "react";
import IconButton from "@material-ui/core/IconButton";
import backIcon from "assets/icons/Back.svg";

const BackButton = ({ height, ...props }) => (
  <IconButton {...props}>
    <img
      src={backIcon}
      alt="back"
      style={{
        height,
        width: height
      }}
    />
  </IconButton>
);

BackButton.defaultProps = {
  height: "1.5rem"
};

export default BackButton;

如果我要为此定义道具类型，我认为它看起来像

type BackButtonProps = IconButtonProps & {
  height: string
}

const BackButton = ({height, ...props}): BackButtonProps => (
  ...
)

我的问题是我不确定从何处获得IconButtonProps。我已经运行flow-typed install并有一个flow-typed/npm/@material-ui文件夹，但是我不知道如何导入IconButtonProps。我尝试了以下方法：

import type { IconButtonProps } from "@material-ui/core/IconButton"

但是导入未解决。我可以从哪里导入Material UI组件的prop类型，以便对其进行扩展？

通过道具时如何使用Flow扩展Material UI组件的道具类型？

0 个答案: