javascript的React是什么_它的核心概念有哪些?

admin 百科 23
React 是一个由 Facebook 开发的专注于 UI 层的 JavaScript 库,通过组件化、声明式编程和虚拟 DOM 实现高效、可维护的界面开发;支持 JSX 语法、函数/类组件、状态管理及 Hooks 等核心特性。

javascript的React是什么_它的核心概念有哪些?-第1张图片-佛山资讯网

React 是一个用于构建用户界面的 JavaScript 库,由 Facebook 开发并开源。它不是全栈框架,只专注在 UI 层——把界面拆成独立、可复用的组件,再用声明式的方式描述状态变化时界面“应该长什么样”,而不是手动操作 DOM。

JSX:逻辑与结构写在一起

JSX 不是 HTML,也不是字符串,而是 React 元素的语法糖。它会被 Babel 编译成 React.createElement() 调用。比如:

Hello, {name}

React.createElement('h1', null, 'Hello, ', name)

关键点:

立即学习“Java免费学习笔记(深入)”;

  • 必须引入 React(即使没显式调用,JSX 编译后仍依赖它)
  • 表达式用 {} 包裹,不能写 if/for 语句,但可用三元、逻辑运算或提前计算
  • 标签必须闭合,自闭合标签写成 ,组件名首字母必须大写( ✅, ❌)
  • 默认防 XSS,内容会自动转义({userInput} 是安全的)

组件:UI 的基本单元

组件是接受 props、返回 JSX 的函数或类,是 React 的核心抽象。所有界面都由组件组合而成。

两类主流写法:

标签: react javascript java html js facebook

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~

趣科技 机圈观察员 茄考网 茄录网 海印网 雷鹃网 鹃朝网 互联网观察员 评测官
趣科技 机圈观察员 茄考网 茄录网 海印网 雷鹃网 鹃朝网 互联网观察员 评测官