绑定元素“note”隐式具有“any”类型

Question

我收到错误，我确信这是由于打字稿造成的。这是我试图开始工作的一个例子。我使用js服务器导入一些笔记。该错误是 NoteCard.tsx 文件中 {note} 下的一条红线。有人可以帮助我了解如何使用这些属性吗？

这是我的 notecard.tsx

export default function NoteCard({ note }) {  return <div>{note.title}</div>;}

这是我的笔记.tsx

export default function Notes() {
const [notes, setNotes] = useState<any[]>([]);

useEffect(() => {
fetch("http://localhost:8000/notes")
  .then((res) => res.json())
  .then((data) => setNotes(data));
}, []);

return (
<Container>
  <Grid container>
    {notes.map((note) => (
      <Grid item key={note.id} xs={4} md={4} lg={4}>
        <NoteCard note={note} />
        {/* <Paper>{note.title}</Paper> */}
      </Grid>
    ))}
  </Grid>
</Container>
);
}

Answer 1

隐含的措辞并非巧合。您可以简单地键入该函数，并为其指定显式类型。

export default function NoteCard({ note }: { note: any }) {  return <div>{note.title}</div>;}

这应该可以修复警告。