React Function Component Pattern 1：用 Factory 封裝靜態變數

pattern_01_static_props.tsx

/** MyForm 實作 */
const MyForm: React.FC<IMyFormStaticProps & IMyFormProps> = (props) => {
	return (
		<form />
	);
};

/** 工廠函數 */
export default function MyFormFactory(sProps: IMyFormStaticProps) {
	return (props: IMyFormProps) => (
		<MyForm {...props} {...sProps} />
	);
}

/** 靜態 props */
export interface IMyFormStaticProps {
	sName: string;
}

/** 執行時期 props */
export interface IMyFormProps {
	style: React.CSSProperties;
}