Как расширить типы компонентов пользовательского интерфейса материалов, используя Flow при прохождении через объекты? - PullRequest
0 голосов
/ 12 октября 2018

Я хотел бы добавить типы потоков в существующий проект 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"

Но импорт не разрешен.Откуда можно импортировать типы опор компонентов пользовательского интерфейса материалов, чтобы иметь возможность их расширять?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...