无编辑摘要
标签手工回退 可视化编辑
 
(未显示同一用户的2个中间版本)
第17行: 第17行:


[https://react.dev/learn Quick Start – React]
[https://react.dev/learn Quick Start – React]
https://www.freecodecamp.org/learn/front-end-development-libraries/react

2025年2月24日 (一) 14:11的最新版本

Meta 开发并维护的前端库。

React combines HTML with JavaScript functionality into its own markup language called JSX. React also makes it easy to manage the flow of data throughout the application.

https://react.dev/

学习笔记

  • 通过 ReactDOM 传递元素给 HTML 的原生 DOM 进行渲染;
  • 单个 JSX 本质上是单个div,不能将多个元素裸露出来,必须被包裹在最终的div里,否则无法编译渲染;
  • 与原生 HTML 不同,不再使用关键字class,而是使用className,其他类似的词语都改用驼峰命名法,例如onChange(HTML中的onchange)、onClick(HTML中的onclick);
  • React 的核心概念是组件(Components),通常以App作为父组件,其中包含<Navbar /><Footer />等通过自闭合的方式导入的子组件;
  • propTypes可以检查类型,类似于 TypeScript 的特性,在知道 API 的返回数据类型的情况下非常有用;

另请参阅

React Reference Overview – React

Quick Start – React

https://www.freecodecamp.org/learn/front-end-development-libraries/react