Typescriptを使用してコンポーネントのデフォルトプロパティ値を設定する方法がわかりません。 TypeScriptを使用したReactコンポーネントのデフォルトプロパティ値
この
は、ソースコードである:class PageState
{
}
export class PageProps
{
foo: string = "bar";
}
export class PageComponent extends React.Component<PageProps, PageState>
{
public render(): JSX.Element
{
return (
<span>Hello, world</span>
);
}
}
そして、私はこのようなコンポーネントを使用しようとすると:
ReactDOM.render(<PageComponent />, document.getElementById("page"));
を私はプロパティfoo
が欠落しているというエラーを取得します。私はデフォルト値を使いたい。私はまた、コンポーネント内でstatic defaultProps = ...
を使用しようとしましたが、疑いの余地がありませんでした。
src/typescript/main.tsx(8,17): error TS2324: Property 'foo' is missing in type 'IntrinsicAttributes & IntrinsicClassAttributes<PageComponent> & PageProps & { children?: ReactEle...'.
どのようにデフォルトプロパティ値を使用できますか?私の会社が使用している多くのJSコンポーネントは、そのコンポーネントに依存していて使用していません。
'static defaultProps'は正しいです。あなたはそのコードを投稿できますか? – Aaron