Web3学习笔记(二)React基础01

开始学习React了,我的计划是先把官方文档学习完,地址如下:

https://zh-hans.react.dev/learn

然后再看B站视频跟着做1~2个项目,计划用一周时间学完React和Next.js。

笔记也几乎是从官方文档整理的关键知识点,有些条目自己也做了一些补充知识点,这里再输出一遍,让自己记忆更加深刻。

Notes:

  1. React是用于构建Web和原生交互界面的JavaScript库,用组件创建用户界面,用代码和标签(JSX)编写组件。
  2. React是一个用于构建用户界面(UI)的JavaScript库,用户界面由按钮、文本和图像等小单元内容构建而成。React把它们组合成可重用、可嵌套的组件。
  3. React应用是由被称为组件的独立UI片段构建而成。React组件本质上是可以任意添加标签的JavaScript函数。组件可以小到一个按钮,也可以大到是整个页面。
  4. 每个React组件都是一个JavaScript函数,它可能包含一些标签,React会将其渲染到浏览器中。React组件使用一种叫做JSX的语法扩展来表示该标签。JSX看起来很像HTML,但它更为严格,可以显示动态信息。它们返回JSX标签。
  5. React组件是常规的JavaScript函数,但组件的名称必须以大写字母开头,否则它们将无法运行!引用时标签也必须大写,用以区分常规的html标签。
  6. 你应该在顶层定义每个组件,永远不要在组件中定义组件。
  7. 当子组件需要使用父组件的数据时,通过props的形式进行传递,而不是嵌套定义。
  8. 导出组件分默认和具名两种方式,导出组件时使用什么导出方式,则导入时,也需要使用相对应的导入方式。
  9. JSX规则,只能返回一个根元素,如果想要在一个组件中包含多个元素,需要用一个父标签把它们包裹起来,可使用空标签Fragment。
  10. 大括号让你可以将JavaScript 的逻辑和变量带入到标签中。它们会在JSX标签中的内容区域或紧随属性的=后起作用。
  11. {{ 和 }} 并不是什么特殊的语法:它只是包在JSX大括号内的JavaScript对象。

截止目前所学,整理如上知识点,加深理解,好方便后面做项目。