编写事件有一些语法上的差异，但它的处理方式与 DOM 元素事件处理类似。事件处理程序的名称使用驼峰式命名法编写。示例在简单的 html 中的事件 - 添加用户 在 React 中使用 jsx 的事件： 添加用户 不同之处之一是我们在 React 中不写 return false 来阻止默认行为。我们改为专门写 event.preventDefault() 示例在简单的 Html 中 - 添加用户 在 React 中将写成 - function addUser(event){ event.preventDefault(); console.log(‘Add user event clicked’); } 添加用户 此处传递给 ... 阅读更多

组件的状态和生命周期对于在动态应用程序中运行事物非常强大。状态状态通常用于有状态组件。随着钩子的引入，我们现在也可以在函数组件中添加状态。钩子的名称是 useState。状态是一个 JavaScript 对象，可以被用户操作更改，并为 UI 添加动态性。使用状态更新来自服务器的数据是常见的用例。状态和属性的区别 - 如我们所知，属性是一个属性 JavaScript 对象，它保存作为属性传递给组件的信息。属性值是 ... 阅读更多

React 应用程序由组件组成。组件通常使用 React 元素。组件可以是独立的、可重用的部分。有两种类型的组件 - 无状态组件（基本上是 JavaScript 函数）有状态组件（使用 JavaScript 类特性）两种组件类型都接收一个属性对象，通常称为 props。无状态组件在函数中有一个 return 语句，有状态组件有一个 render 方法，该方法返回 React 元素。要在页面上显示的简单 React 元素是 - const message=Hello; ReactDOM.render( message, document.getElementById(‘root’) ); 它在屏幕上显示 Hello 消息。创建函数组件 - function Message(props){ return ( ... 阅读更多

React 应用程序最小的构建块是元素。元素的示例是 - const message = Welcome, Steve; React DOM 使用转换后的 React 元素更新实际的 DOM。React 组件由元素组成。在 DOM 上渲染元素我们将有一个父 div 元素在主 html 文件中。此 div 可以称为根。ReactDOM 管理 app div 内的所有内容。如果需要，我们可以在应用程序中添加多个这样的隔离 div。要渲染元素，它将传递给 ReactDOM render 方法 - const message = Welcome, Steve; ReactDOM.render(message, document.getElementById('app')); 这将 ... 阅读更多

JSX 就像一种具有 JavaScript 能力的模板语言。它有助于创建 React 元素。它是 JavaScript 的扩展，包含 UI 元素。示例 let message = Hello World ; h1 标签是已知的 html 标签，但使用 jsx，我们创建了一个包含 h1 标签和 hello world 消息的变量。JSX 的用途虽然不必使用 jsx 来创建 React 元素，但它在视觉上更吸引人，并有助于轻松理解代码。React 秉承将 UI 逻辑和渲染逻辑放在一起的概念。我们可以构建不同的松散耦合组件来实现关注点分离表达式 ... 阅读更多

create-react-app 是一个命令，用于创建具有默认配置的 React.js 项目。Create-react-app 将帮助运行 React 应用程序。命令将在 npm 或 yarn 上执行如果计算机上安装了 npm 和 node.js，请使用以下命令全局安装 create-react-app - npm install –g create-react-app 项目创建 - 要创建项目，一旦执行了上述命令，请运行以下命令 - npx create-react-app hello-world-examplenpx 附带 npm 版本 5.2+，可以使用 npm –version 在终端检查 npm 版本如果 npm 版本是 5.2+，则可以使用以下命令直接创建 react.js 项目 - npx create-react-app hello-world-example如果 npm 版本是 6+，npm init react-app ... 阅读更多

换行符，我们表示为 。它用于换行。 的 ASCII 码是 10，也称为换行符 (LF)。现在，让我们看看如何使用 RegExp 查找换行符。RegExp 是一个对象，它指定用于对字符串执行搜索和替换操作或用于输入验证的模式。RegExp 在 ES1 中引入，并得到所有浏览器的完全支持 RegExp 元字符 在给定文本中查找换行符的首次出现索引值。语法 ... 阅读更多