import React, { FC, Fragment } from "react";
import WordItem from "@components/WordList";
const DUMMY_WORD = [{ id: 1, title: "Example", text: "예시" }];
const WordList: FC = () => {
return (
<Fragment>
<ul>
{DUMMY_WORD?.map(word => {
return <WordItem word={word} key={word.id} />;
})}
</ul>
</Fragment>
);
};
export default WordList;
(property) word: {
id: number;
title: string;
text: string;
}
id: number;
title: string;
text: string;
}
'{ word: { id: number; title: string; text: string; }; key: number; }' 형식은 'IntrinsicAttributes' 형식에 할당할 수 없습니다.
'IntrinsicAttributes' 형식에 'word' 속성이 없습니다.ts(2322)
'IntrinsicAttributes' 형식에 'word' 속성이 없습니다.ts(2322)
빠른 수정을 사용할 수 없음
export interface IWord { id: number; title: string; text: string; }
interface Props { word: IWord;}const WordItem: FC = ({ word }) => { return ( <p>{word.id}</p> <p>{word.title}</p> <p>{word.text}</p> );};
이렇게 받아오고있어
구글링 아무리 해봐도 안나오네
https://velog.io/@leemember/TS-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%98%A4%EB%A5%98-%ED%95%B4%EA%B2%B0%ED%95%98%EA%B8%B0-is-not-assignable-to-type-IntrinsicAttributes
적당히 보고 고쳐봐