Next.js × TypeScript で、インポートした画像ファイルを子コンポーネントに渡す
4797 ワード
「Type error: Cannot find name 'StaticImageData'」
こんなエラーが出たときに
結論
Parent.tsx
import ImageView from "components/ImageView";
import image from "about.jpg";
const Example = () => {
return (
<ImageView imageData={image} />
);
};
export default Example;
Child.tsx
import Image from "next/image";
import type { StaticImageData } from "next/image";
type Props = {
imageData: StaticImageData;
};
const ImageView = ({ imageData }: Props) => {
return (
<div>
<Image
src={imageData}
alt=""
/>
</div>
);
};
export default ImageView;
以上。
Author And Source
この問題について(Next.js × TypeScript で、インポートした画像ファイルを子コンポーネントに渡す), 我々は、より多くの情報をここで見つけました https://zenn.dev/hiyoringa/articles/adc33b3aa5ca47著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Collection and Share based on the CC protocol