halo1416的博客

问题描述：今天想跑一下以前的一个React项目，在Gitee 将项目clone下来并cnpm install后，cnpm start 启动应用在浏览器打开时报错：TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined解决：只需要把【react-scripts】升级到【"^3.4.0"】即可删除 node_modules 文件夹在 package

一、首先，先创建项目创建项目：create-react-app on_the_go启动项目：cd on_the_go npm start二、暴露项目的webpack配置命令：npm run eject如果报错，执行以下命令；详情参考：快速创建一个react项目：cd projectgit init　　// 当前目录新建代码库gi...

注意：这种方式只适用于create-react-app 创建的项目，如果你适用了 npm run eject 命令后，这种方式可能会出错一、首先，先创建项目创建项目：create-react-app on_the_go启动项目：cd on_the_go npm start二、集成UI库Ant Design1. 基本使用 ==>...

前言：该实例只是一个简单的react组件化实例，其中有一些写法是便于更好的理解，但在实际情况中可能并不会这样做。会在文章最后做一个总结。一、效果二、组件的拆分 ==>> 这里为了突出组件化的思想，把这个小demo拆成了好几个组件（实际项目中可能并不需要，因为比较需求简单）三、具体代码实现1. App组件=> index.jsimport Reac...

注意：1. 使用脚手架create-react-app 创建的 react项目，默认使用了webpack ==>> 请注意webpack的版本 2.create-react-app 创建的 react项目，webpack配置默认是隐藏的，如果需要查看或者修改，请使用npm run eject 命令， 3. 如果webpack是4.x...

首先，来一张生命周期图，可以帮助我们更好的理解哦。来一个具体的实例，看一下react的生命周期的执行顺序到底是怎么样的<script type="text/babel"> /* 需求: 自定义组件 1. 让指定的文本做显示/隐藏的动画 2. 切换时间为2S 3. 点击按钮从界面中移除组件界面 */ class Fade ex...

前提：请注意查看实例代码中的注释哦一、属性之state实例：<script type="text/babel"> /* 需求: 自定义组件, 功能说明如下 1. 显示h2标题, 初始文本为: AAAA 2. 点击标题更新为: BBBB */ class Like extends React.Component { constr...

一、redux安装：npm install --save redux1. 什么是redux？ redux是一个独立专门用于做状态管理的JS库(不是react插件库) 它可以用在react, angular, vue等项目中, 但基本与react配合使用 作用: 集中式管理react应用中多个组件共享的状态2. redux的工作流程图...

前言：react-router 分为react-router-dom ( web 应用 )和react-router-native (React Native应用程序 )这里主要介绍 react-router-dom:一、安装：npm install react-router-dom--save （最后使用4.x及以上版本哦）二、基本方法介绍 ==> 这里只是...

一、react中 创建虚拟DOM 的两种方式1.纯JS(一般不用)创建虚拟DOM元素对象 ==>> 注意：script标签的type是"text/javascript"<script type="text/javascript"> // 1. 创建虚拟DOM const msg = 'I Like You!' const my...

1.create-react-app 项目名称 创建项目后，其目录结构如下：2. 个人觉得，原本的命令结构不太适合我。我将其改成以下结构3. 文件分析：3.1 index.html ==>> 作用：定义容器3.2 index.js ==>> 作用：入口文件3.3 app.js ==>> 作用：核心js，渲染主组件...

创建一个react项目有三种方式： 1.create-react-app 快速脚手架（简单，类似于 vue-cli 工具） 2.webpack一步一步构建 3. 第三方脚手架（generator-react-webpack，需要yeoman的支持）这里主要介绍利用create-react-app 快速脚手架 创建一个react项...