Next.js 开发指南 实战篇 | React Notes | 侧边栏笔记列表

Next.js 开发指南 - 冴羽 - 掘金小册

前言

本篇我们来实现 React Notes 的左侧侧边栏部分。

SidebarNoteList

现在我们接着完善笔记列表，毕竟笔记列表这里还要实现展开和收回功能：

修改 components/SidebarNoteList.js代码：

jsx

复制代码

import SidebarNoteItem from '@/components/SidebarNoteItem'; export default async function NoteList({ notes }) { const arr = Object.entries(notes); if (arr.length == 0) { return

{