React

Vue或React项目代码相同运行出错采坑记录

Vue或React项目代码相同运行出错采坑记录

现象:同一个项目,同一套代码,在别人的机器上正常运行,在自己的机器上运行报错 原因:依赖问题,如果本地没有package-lock.json或yarn.lock,package-lock.json中的^会安装对应的最新版本,依赖版本不一致导致运行不一致(参数不一致、默认值不一致等等) package

Joe.Ye Joe.Ye 2023-04-02
0 0 0
React在安卓浏览器打开白屏问题

React在安卓浏览器打开白屏问题

基于React的前端项目,在PC端和iOS自带浏览器上都可以运行,但拿到安卓机器的浏览器上显示白屏,谷歌了一下,发现是babel的问题。 Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、R

Joe.Ye Joe.Ye 2023-03-25
0 0 0
React Hook 简介及入门

React Hook 简介及入门

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 Hook 是一些可以让你在函数组件里“钩入” React state 及生命周期等特性的函数。Hook 不能在 class 组件中使用 —— 这使得你不使用 cl

Joe.Ye Joe.Ye 2023-03-18
0 0 0
Taro基础教程之React

Taro基础教程之React

在Taro可以通过import * as React from 'react'来使用React,JSX语法没有任何限制,但和在浏览器中使用React依然有一些不同,具体体现在: 参考:https://taro-docs.jd.com/taro/docs/react/ 入口组件

Joe.Ye Joe.Ye 2023-03-18
0 0 0
React Dva入门

React Dva入门

create-react-app创建工程只能创建一个最基本的空程序。需要手动安装很多依赖包及代码操作。Dva将一切进行了简化,它是一个封装好很多模块的框架,并且拥有自己的脚手架。用Dva创建的工程,从目录结构起就非常清晰。 创建Dva项目 全局安装Dva脚手架 > npm install dva-

Joe.Ye Joe.Ye 2023-03-12
0 0 0
React Redux管理状态

React Redux管理状态

state是react特有的一个存储数据的地方,通过各种操作可以改变state的值,然后更新到页面显示上。 但是,当工程变得非常庞大且复杂的时候,各种各样的state和更新state的方法就会使程序变得很乱,管理前端这些数据,需要进行“有条理的对数据进行操作”。而进行这个操作的,就是Redux。

Joe.Ye Joe.Ye 2023-03-12
0 0 0
React-Router路由配置

React-Router路由配置

React路由使用react-router-dom实现,它提供了BrowserRouter、Route、Link等api,可以通过dom事件控制路由。 添加react-router-dom库 yarn add react-router-dom 新建两个组件aaa.js和bbb.js import

Joe.Ye Joe.Ye 2023-03-12
0 0 0
React.js集成axios

React.js集成axios

网络数据传输一般推荐使用axios yarn add axios 在react工程里,引入axios import axios from 'axios'; 先用antd创建一个Table表格,Table标签有两个属性,columns是表头,dataSource是数据 <T

Joe.Ye Joe.Ye 2023-03-12
0 0 0
React.js集成Antd组件库

React.js集成Antd组件库

集成引用 yarn add babel-plugin-import yarn add antd 安装完毕后,首先在index.js中引入antd的css文件 import 'antd/dist/antd.css'; 之后,在需要用到antd的组件js中引入所需部件即可 impo

Joe.Ye Joe.Ye 2023-03-12
0 0 0
React+Redux基本使用流程

React+Redux基本使用流程

Redux简介 Redux是React生态中重要的组成部分。React提出将展示组件与容器组件分离的思想,降低了React与Redux之间的耦合度。 Store:整个应用的数据存储中心,集中大部分页面需要的状态数据; ActionCreators:view 层与data层的介质; Reduce

Joe.Ye Joe.Ye 2023-03-12
0 0 0
React.js学习入门

React.js学习入门

官网:https://reactjs.org 创建项目 npx create-react-app my-app cd my-app yarn start 打开:http://127.0.0.1:3000/ 目录结构 public:中默认存在index.html文件,只有一个id=root的div,

Joe.Ye Joe.Ye 2023-03-12
0 0 0