以下は、エラー メッセージを表示するための単純なコンポーネントです。
// @flow
import styles from 'styles/components/Error';
import React from 'react';
import CSSModules from 'react-css-modules';
type Props = {
message: string
}
const Error = ({ message }: Props) => {
return (
<div styleName="error">
{message}
</div>
);
};
export default CSSModules(Error, styles);
messageプロパティが必要であることに注意してください。このコンポーネントをどこかで使用すると、次のようになります。
<Error />;
Flowtype は、Error必要なプロパティmessageが欠落していることを警告するはずですが、そうではありません。コンポーネントを react-css-modules でラップしない場合Error、Flowtype は期待どおりに機能します。
ラップされたコンポーネントを理解するために Flowtype の型を宣言する必要があると考えていますが、私の Google-fu では結果が得られませんでした。
私が見つけたもの：