posted @ 2026-04-02 14:37
随笔分类 - React
摘要:React 组件使用 props 来互相通信。每个父组件都可以提供 props 给它的子组件,从而将一些信息传递给它。Props 可能会让你想起 HTML 属性,但你可以通过它们传递任何 JavaScript 值,包括对象、数组和函数。 React 中的 props 是父组件向子组件传递数据的“输
阅读全文
摘要:JSX 允许你在 JavaScript 中编写类似 HTML 的标签,从而使渲染的逻辑和内容可以写在一起。有时候,你可能想要在标签中添加一些 JavaScript 逻辑或者引用动态的属性。这种情况下,你可以在 JSX 的大括号内来编写 JavaScript。 使用引号传递字符串 当你想把一个字符串属
阅读全文
posted @ 2026-04-02 11:45
摘要:JSX 是 JavaScript 语法扩展,可以让你在 JavaScript 文件中书写类似 HTML 的标签。虽然还有其它方式可以编写组件,但大部分 React 开发者更喜欢 JSX 的简洁性,并且在大部分代码库中使用它。 JSX: 将标签引入 JavaScript 网页是构建在 HTML、CSS
阅读全文
posted @ 2026-04-02 11:16
摘要:在 React 中,根组件(Root Component)是应用的入口组件,也是整个 React 组件树的起点。它通常被渲染到 HTML 文档中的一个特定 DOM 元素上,比如 index.html 文件中的 <div id="root"></div> 元素。 根组件的主要作用是组织和渲染其他子组件
阅读全文
posted @ 2026-04-02 09:28
摘要:第一步:环境准备 访问 Node.js 官网下载并安装最新 LTS 版本安装 VS Code 编辑器安装 VS Code 插件:ES7+ React/Redux snippets、ESLint、Prettier第二步:项目初始化 打开 VS Code 终端(Terminal > New Term
阅读全文
posted @ 2026-03-26 13:28
摘要:JSX(JavaScript XML)是一种 JavaScript 的语法扩展,它允许开发者在 JavaScript 代码中使用类似 HTML 的语法来描述用户界面。虽然 JSX 看起来像 HTML,但它实际上是一种语法糖,最终会被编译成标准的 JavaScript 对象,通常是 React.cre
阅读全文
posted @ 2026-03-26 11:22
摘要:React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。 React 特点 1.声明式设计 −React采用声明范式,可以轻松描述
阅读全文
posted @ 2021-01-10 16:13
浙公网安备 33010602011771号