Использование React Flow с чистым функциональным компонентом

Встроенные свойства

export default function MyComponent(props: {
  a:string,
  b:number
}) {
  return <span>{props.a}</span>;
}

Реквизит с типом объекта

type propTypes = {
  a?: string,
  b?: any,
  c: number,
  d: ?string
};

export default function MyComponent(props:propTypes) {
  const { a, b, c, d } = props;
  return (
    <div>
      <div>{a}</div>
      <div>{b}</div>
      <div>{c}</div>
      <div>{d}</div>
    </div>
  );
}

Поделиться PropTypes

import propTypes from './propTypes';
export default function MyComponent(props:propTypes) {
  const { a, b, c, d } = props;
  return (
    <div>
      <div>{a}</div>
      <div>{b}</div>
      <div>{c}</div>
      <div>{d}</div>
    </div>
  );
}