我尝试用ReactJS创建一个新闻网站，当我尝试运行页面时，我收到三个不同的警告/错误。当我不包含标题时，我可以让它正确显示文章链接。在这种情况下，我仍然收到前两个警告，但当我尝试访问文章标题时，它根本不会加载页面。
任何帮助都将不胜感激。
警告/错误：

警告：列表中的每个子项都应该有唯一的“键”属性。
警告：标记上属性href的值无效。
未捕获的错误：对象作为React子级无效（找到：键为{render}的对象）。如果要呈现子级集合，请改用数组。

LatestArticles.js

import React, { useState, useEffect } from "react";
import Article from "./Article";

function LatestArticles() {
  const [posts, setPosts] = useState(React.useState("waiting..."));

  function ArticleGrabber() {
    useEffect(() => {
      fetch("URL")
        .then((response) => response.json())
        .then((data) => {
          setPosts(data);
          console.log(data);
        })
        .catch((error) =>
          console.log("Authorization failed: " + error.message)
        );
    }, []);
  }

  ArticleGrabber();

  return (
    <div>
      <h3>Latest Articles</h3>
      {posts.map((post, index) => (
        <ul>
          <Article key={index} post={post} />
        </ul>
      ))}
    </div>
  );
}

export default LatestArticles;

Article.js

import React from "react";
import "../Article.css";

function Article(post) {
  return (
    <div className="theArticle">
      <h3>{post.post.title.rendered}</h3>
      <a href={post.post.link}>Article content</a>
    </div>
  );
}

export default Article;