小编Dmi*_*ver的帖子

我正在做一个小型家庭项目来提高我的 TS 技能。从服务器获取数据，一切都很好，帖子开始显示，没有错误，但后来我决定将带有地图的代码放在单独的组件中，ts 立即给了我一个错误：

输入 '{ posts: IPost[]; }' 不可分配给类型 'IntrinsicAttributes & IPost[] & {children?: ReactNode; }'。属性“posts”在类型“IntrinsicAttributes & IPost[] & {children?: ReactNode;”上不存在 }'。

Main.tsx

export const Main: FC = () => {
  const [posts, setPosts] = useState<IPost[]>([]);

  useEffect(() => {
    try {
      const fetchPost = async () => {
        const res = await axios.get('/posts');
        setPosts(res.data);
      };
      fetchPost();
    } catch (error) {
      console.log(error);
    }
  }, []);

  return (
    <>
      <div className='main-container'>
        <NewPosts />
        <PostSort />
        <Posts posts={posts} />
      </div>
    </>
  ); …