Я хотел бы добавить типы потоков в существующий проект 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"
Но импорт не разрешен.Откуда можно импортировать типы опор компонентов пользовательского интерфейса материалов, чтобы иметь возможность их расширять?