随笔分类 - React
摘要：问题： 在React项目中配置了react router dom路由之后，在组件中使用 后，直接在地址栏访问指定路由时出现了404的问题，如下图： 解决方法： 因为项目是使用webpack构建的，所以在配置 webpack dev server 本地服务时，少了一些配置，只需要在 webpack.c
阅读全文
posted @ 2020-03-10 18:22
Web1024
摘要：问题： React项目用webpack打包后，部署到服务器上，然后直接访问打包后的index.html文件，出现了中文乱码问题。 解决方法： 在webpack打包时，使用 插件就可以解决。操作步骤如下： 第一步 安装webpack encoding plugin插件 第二步 配置webpack.co
阅读全文
posted @ 2020-03-10 18:11
Web1024
摘要：对使用React框架开发的项目来说，选择一款适合自己的UI库极为重要， 就是一个不错的选择。 是基于Ant Design设计体系的React UI组件库，主要用于企业级中后台产品。 是一款开箱即用的高质量React组件库。支持目前几乎所有的浏览器（支持IE11及以上），而且还支持Electron桌面
阅读全文
posted @ 2020-03-08 20:48
Web1024
摘要：1、父组件传值子组件 React中是单向数据流，数据只能从父组件通过属性的方式传给其子组件，如下图： 在引用子组件的时候传递，相当于一个属性，例如：在子组件内通过porps.param获取到这个param的值。 父组件向子组件传值，通过 ，将父组件的 传递给了子组件。 父组件代码片段： 子组件代码片
阅读全文
posted @ 2020-03-04 19:59
Web1024
摘要：1、生命周期的概念 1.1、概念 在组件创建、组件属性更新、组件被销毁的过程中，总是伴随着各种各样的函数执行，这些在组件特定时期，被触发执行的函数，统称为组件的生命周期函数。 1.2、组件生命周期三个阶段 1. 加载阶段（Mounting）： 在组件初始化时执行，有一个显著的特点：创建阶段生命周期函
阅读全文
posted @ 2020-03-04 19:31
Web1024
摘要：React组件属性 1、 属性 react中说的单向数据流值说的就是props，根据这一特点它还有一个作用：组件之间的通信。props本身是不可变的，但是有一种情形它貌似可变，即是将父组件的state作为子组件的props，当父组件的state改变，子组件的props也跟着改变，其实它仍旧遵循了这一
阅读全文
posted @ 2020-03-04 19:20
Web1024
摘要：1、React组件化概念 1.1、组件的概念 React 应用都是构建在组件之上。 组件作为React的核心内容，是View的重要组成部分，每一个View页面都由一个或多个组件构成，可以说组件是React应用程序的基石。在React的组件构成中，按照状态来分可以分为有状态组件和无状态组件。 1.2、
阅读全文
posted @ 2020-03-04 19:16
Web1024
摘要：1、基本概念： 使用 来替代常规的 。 是按照 语法规范 的 语法扩展。 语法的本质： 并不是直接把 渲染到页面上，而是内部先转换成了 形式，再渲染的。 2、 的优点： 执行更快，因为它在编译为 JavaScript 代码后进行了优化； 它是类型安全的，在编译过程中就能发现错误； 使用 编写模板更加
阅读全文
posted @ 2020-03-04 19:12
Web1024
摘要：1、React简介 React起源于Facebook的内部项目，因为该公司对市场上所有JavaScript MVC框架都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，于是就在2013年5月开源了。 2、脚手架环境搭建 第一步：安装node.js no
阅读全文
posted @ 2020-03-04 18:43
Web1024
摘要：1. 安装Node.js 实际是用 写的，所以要先安装 环境。而且 中集成了 包管理，我们在后面用到的很多模块都需要使用 下载。 首先进入 "Node.js的官网" ，选择对应系统下载安装包，对于 用户，直接下载安装包安装即可，如果是 用户，推荐使用 "brew" 进行安装。 有很多版本，包括稳定版
阅读全文
posted @ 2020-03-04 18:41
Web1024
浙公网安备 33010602011771号