开始学习React了,我的计划是先把官方文档学习完,地址如下:
https://zh-hans.react.dev/learn
然后再看B站视频跟着做1~2个项目,计划用一周时间学完React和Next.js。
笔记也几乎是从官方文档整理的关键知识点,有些条目自己也做了一些补充知识点,这里再输出一遍,让自己记忆更加深刻。
Notes:
- React是用于构建Web和原生交互界面的JavaScript库,用组件创建用户界面,用代码和标签(JSX)编写组件。
- React是一个用于构建用户界面(UI)的JavaScript库,用户界面由按钮、文本和图像等小单元内容构建而成。React把它们组合成可重用、可嵌套的组件。
- React应用是由被称为组件的独立UI片段构建而成。React组件本质上是可以任意添加标签的JavaScript函数。组件可以小到一个按钮,也可以大到是整个页面。
- 每个React组件都是一个JavaScript函数,它可能包含一些标签,React会将其渲染到浏览器中。React组件使用一种叫做JSX的语法扩展来表示该标签。JSX看起来很像HTML,但它更为严格,可以显示动态信息。它们返回JSX标签。
- React组件是常规的JavaScript函数,但组件的名称必须以大写字母开头,否则它们将无法运行!引用时标签也必须大写,用以区分常规的html标签。
- 你应该在顶层定义每个组件,永远不要在组件中定义组件。
- 当子组件需要使用父组件的数据时,通过props的形式进行传递,而不是嵌套定义。
- 导出组件分默认和具名两种方式,导出组件时使用什么导出方式,则导入时,也需要使用相对应的导入方式。
- JSX规则,只能返回一个根元素,如果想要在一个组件中包含多个元素,需要用一个父标签把它们包裹起来,可使用空标签Fragment。
- 大括号让你可以将JavaScript 的逻辑和变量带入到标签中。它们会在JSX标签中的内容区域或紧随属性的=后起作用。
- {{ 和 }} 并不是什么特殊的语法:它只是包在JSX大括号内的JavaScript对象。
截止目前所学,整理如上知识点,加深理解,好方便后面做项目。