- 如果需要在组件之间进行传值，那么props属性就起到了这个作用,在React中props和state是两个非常重要的属性。 state 和 props 主要区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。 Note:属性是用于设置默... 如果需要在组件之间进行传值，那么props属性就起到了这个作用,在React中props和state是两个非常重要的属性。 state 和 props 主要区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。 Note:属性是用于设置默...
- 在组件的整个生命周期中，随着该组件的props或者state发生改变，其DOM表现也会有相应的变化。 一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。 一个React组件的生命周期分为三个部分：实例化、存在期和销毁时。 React应用中，组件加载顺序及生命周期如下图所示： constructor( ) constructor是ES6对类的默认方法... 在组件的整个生命周期中，随着该组件的props或者state发生改变，其DOM表现也会有相应的变化。 一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。 一个React组件的生命周期分为三个部分：实例化、存在期和销毁时。 React应用中，组件加载顺序及生命周期如下图所示： constructor( ) constructor是ES6对类的默认方法...
- 前言 React-Redux 将所有组件分成两大类：UI 组件（presentational component）和容器组件（container component）。 UI组件 只负责 UI 的呈现，不带有任何业务逻辑； 没有状态（即不使用this.state这个变量）； 所有数据都由参数（this.props）提供； 不使用任何 Redux 的 A... 前言 React-Redux 将所有组件分成两大类：UI 组件（presentational component）和容器组件（container component）。 UI组件 只负责 UI 的呈现，不带有任何业务逻辑； 没有状态（即不使用this.state这个变量）； 所有数据都由参数（this.props）提供； 不使用任何 Redux 的 A...
- 前言 在项目开发过程中，有时候苦恼于eslint的校验规则，例如变量、方法定义时空格等的校验。 主要有两种方式可实现关闭eslint提醒。 第一种方式 在react-scripts依赖包下的config目录找到webpack.config.js配置文件，在webpack.config.js中注释掉以下代码： { test: /\.(js|mjs|jsx|ts|... 前言 在项目开发过程中，有时候苦恼于eslint的校验规则，例如变量、方法定义时空格等的校验。 主要有两种方式可实现关闭eslint提醒。 第一种方式 在react-scripts依赖包下的config目录找到webpack.config.js配置文件，在webpack.config.js中注释掉以下代码： { test: /\.(js|mjs|jsx|ts|...
- 在《React进阶（四）：路由介绍》博文中，介绍了React路由相关知识，在实际项目开发过程中，路由之间的跳转必定涉及权限、用户是否登陆等限定条件的判定，故需要导航守卫来完成这一事项。 在实现react-router路由拦截之前，先看一下vue路由拦截是怎么使用的，都做到了哪些事情。 正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航... 在《React进阶（四）：路由介绍》博文中，介绍了React路由相关知识，在实际项目开发过程中，路由之间的跳转必定涉及权限、用户是否登陆等限定条件的判定，故需要导航守卫来完成这一事项。 在实现react-router路由拦截之前，先看一下vue路由拦截是怎么使用的，都做到了哪些事情。 正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航...
- 在React SPA项目开发过程中，路由跳转必不可少。本篇博文主要介绍下React中路由相关知识。 在React中，常用的有两个包可以实现这个需求，那就是react-router和react-router-dom。本文主要针对react-router-dom进行说明。 安装 首先进入项目目录，使用npm安装react-router-dom： npm instal... 在React SPA项目开发过程中，路由跳转必不可少。本篇博文主要介绍下React中路由相关知识。 在React中，常用的有两个包可以实现这个需求，那就是react-router和react-router-dom。本文主要针对react-router-dom进行说明。 安装 首先进入项目目录，使用npm安装react-router-dom： npm instal...
- 写在前面的话：事务不多或者不紧急，故空闲时间用来充电，鉴于之前自己一直在做Vue开发，现在此基础上接触学习React。大致的学习思路参照Vue学习路线，边学习边总结边实践，形成学习闭环。 万事皆有法则，第一次应用React，首先需要环境搭建：Node.js（用于执行js）、npm（包管理器）。具体安装方法请参考博文《Vue进阶（一）：Vue学习资料汇总》中有关环境搭... 写在前面的话：事务不多或者不紧急，故空闲时间用来充电，鉴于之前自己一直在做Vue开发，现在此基础上接触学习React。大致的学习思路参照Vue学习路线，边学习边总结边实践，形成学习闭环。 万事皆有法则，第一次应用React，首先需要环境搭建：Node.js（用于执行js）、npm（包管理器）。具体安装方法请参考博文《Vue进阶（一）：Vue学习资料汇总》中有关环境搭...
- 在《React进阶（二）：构建第一个React应用》博文中，介绍了React开发环境搭建及建立第一个React应用。本篇博文继续探讨React项目中合理的文件结构。 初次创建React项目，一般选择使用脚手架工具cerate-react-app完成，使用该脚手架工具生成React项目一般存在以下问题： 生成项目后，脚手架为了“优雅”，隐藏了所有的webpack相关的... 在《React进阶（二）：构建第一个React应用》博文中，介绍了React开发环境搭建及建立第一个React应用。本篇博文继续探讨React项目中合理的文件结构。 初次创建React项目，一般选择使用脚手架工具cerate-react-app完成，使用该脚手架工具生成React项目一般存在以下问题： 生成项目后，脚手架为了“优雅”，隐藏了所有的webpack相关的...
- React调用顺序: index.html → index.js → components/组件 一般项目创建好后会有二个文件：index.html、index.js。 my-app文件夹下的public/index.html 和src/index.js的源码，可以在这里编写项目代码，但是注意 public/index.html 是启动http服务器的首页，src/... React调用顺序: index.html → index.js → components/组件 一般项目创建好后会有二个文件：index.html、index.js。 my-app文件夹下的public/index.html 和src/index.js的源码，可以在这里编写项目代码，但是注意 public/index.html 是启动http服务器的首页，src/...
- 在《React进阶（七）：props属性》博文中，主要讲解了props的应用场景及应用示例。本篇博文主要梳理state属性的应用场景及应用实例。 React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。 React 中只需更新组件的 state，然后根据新的 state 重新渲染用... 在《React进阶（七）：props属性》博文中，主要讲解了props的应用场景及应用示例。本篇博文主要梳理state属性的应用场景及应用实例。 React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。 React 中只需更新组件的 state，然后根据新的 state 重新渲染用...
- TL;DR 直接开箱即用的脚手架代码：https://github.com/zclhit/myScaffold 前言 最近在考虑重新搭建自己的项目开发脚手架，我给这套脚手架的定义的期望是：足够高的集成度与足够简洁，满足快速上手开发与快速产出的要求。考虑到这些期望，我选择了Spring Boot作为后端实现框架，而前端，作为2019年stack over flow ... TL;DR 直接开箱即用的脚手架代码：https://github.com/zclhit/myScaffold 前言 最近在考虑重新搭建自己的项目开发脚手架，我给这套脚手架的定义的期望是：足够高的集成度与足够简洁，满足快速上手开发与快速产出的要求。考虑到这些期望，我选择了Spring Boot作为后端实现框架，而前端，作为2019年stack over flow ...
- 目录 一、什么是React？ 二、React的安装方式 (1)静态HTML文件 (2)创建React应用 三、React开发人员工具 四、JSX：JavaScript + XML 五、组件 六、Props 七、state 八、提交表格数据 九、提取API数据 十、构建和部署React应用 一、什么... 目录 一、什么是React？ 二、React的安装方式 (1)静态HTML文件 (2)创建React应用 三、React开发人员工具 四、JSX：JavaScript + XML 五、组件 六、Props 七、state 八、提交表格数据 九、提取API数据 十、构建和部署React应用 一、什么...
- 1.前言2017悄然过去，2018已经来到，人在进步，技术在发展。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。下面做一个简单的总结和预测！2.PWAPWA(Progressive Web Apps)由谷歌提出，用前沿的技术开发，让网页使用如同App般的体验的一系列方案。明确的一点就是：PWA就是一个网页, 可以通过前沿的技术开发出一个网页应用。自从谷歌提出PWA后... 1.前言2017悄然过去，2018已经来到，人在进步，技术在发展。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。下面做一个简单的总结和预测！2.PWAPWA(Progressive Web Apps)由谷歌提出，用前沿的技术开发，让网页使用如同App般的体验的一系列方案。明确的一点就是：PWA就是一个网页, 可以通过前沿的技术开发出一个网页应用。自从谷歌提出PWA后...
- 一、前言需要在阿里云服务器部署Django-restframework框架，一开始不清楚情况，网上找了很多的文章和办法，东拼西凑也没有能够完全实现nginx和uwsgi的互通。参考过的文章有-视频：Nginx + uWsgi 部署 Django + Mezzanine 生产服务器-文章：uWSGI+django+nginx的工作原理流程与部署历程-文章：uwsgi官方文档-文章：Django... 一、前言需要在阿里云服务器部署Django-restframework框架，一开始不清楚情况，网上找了很多的文章和办法，东拼西凑也没有能够完全实现nginx和uwsgi的互通。参考过的文章有-视频：Nginx + uWsgi 部署 Django + Mezzanine 生产服务器-文章：uWSGI+django+nginx的工作原理流程与部署历程-文章：uwsgi官方文档-文章：Django...
- 本文主要对react-native 启动出错给出一些解决方案。 本文主要对react-native 启动出错给出一些解决方案。
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付，智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性，从Skill市场安装专家技能，带你零距离体验从需求，开发，审查，重构全链路闭环的开发过程。从零构建并交付一个完整项目，让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力，创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者，带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能，并体验业界主流具身模型应用。
回顾中
热门标签