[メモ] React.FC の PropTypes 指定
React.FC で PropTypes を使用する場合に以下の記述にする
react-prop-types
import PropTypes from 'prop-types';
import React from 'react';
/** Props の型を定義 */
type Props = {
/** こども */
children?: React.ReactNode;
};
/**
* Component.propTypes に指定する変数
* - 上記の Props を `React.WeakValidationMap` に渡す
*/
const propTypes: React.WeakValidationMap<Props> = {
children: PropTypes.node,
};
const Component: React.FC<Props> = (props) => <div>{props.children}</div>;
Component.propTypes = propTypes;
export default Component;