现在你看到的就是我们要从头到始做一个 React 项目 ..

按一下 添加笔记 .. 可以创建一条新的笔记内容 .. 打开这条笔记 .. 可以去编辑笔记里的内容 ...

每个笔记会显示最近的更新时间 ... 更新了笔记内容以后 .. 这个更新时间也会发生变化 ..

笔记的下面会显示笔记内容的字数 ..

笔记的内容可以实时的保存在项目的数据库里 ...

所以刷新页面以后 .. 更新的笔记内容仍然会在 ...

再打开一个笔记 .. 按下右下角的垃圾筒小图标 .. 可以删掉当前这条笔记 ..

在 React 开发者工具这里可以预览一下应用的结构 ..

首先是个 App 组件 .. 里面会包含一个 Notes 组件 ..

Notes 组件里面是一个笔记列表，每个项目会使用一个 Note 组件来显示 ...

每个 Notes 组件里面又会包含一个 Editor 组件，可以显示笔记的内容，也可以编辑笔记里的内容 ..

这个就是我们在这个课程里要从头开始做的一个 React 项目 ..