Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
【项目复盘React】react封装动态组件+组件懒加载(hook版)
使用到的hook useContext 使用到的api lazy React 1 在utils文件夹下新建文件夹testContext 2 新建文件PersonContext js 导出一个Context对象实例 import React
React
项目复盘分析类
ReactJS
javascript
前端
React项目 加入 TS
1 全局安装ts npm i g typescript 2 创建tsconfig json tsc init 修改tsconfig json 开启jsx和allowJs配置 3 安装开发环境依赖 npm install save dev t
React学习从入坑到放弃
React
typescript
WEBPACK
React16.3新的生命周期详解
一 React v16 0前的生命周期 1 1 第一个是组件初始化 initialization 阶段 也就是以下代码中类的构造方法 constructor Test类继承了react Component这个基类 也就继承这个react的基
前端
React
【react】props的批量传递
真实开发中 如果有很多个要传递的属性 并且属性值很有可能是通过后台接口拿到的 那么一个个的在标签上写属性就不行了 正确写法 此处 p 的 不是解构赋值的那个 而是react用来放置变量的 实际上真实的表达式只有 p 但是根据es6语法 对象
React
ReactJS
javascript
前端
antd pro(ProLayout) mix混合菜单不生效
一 问题描述 antd pro的混合菜单模式 算是一种比较新的导航菜单模式 可以让顶部全局导航 侧边导航混合模式同时出现 满足一些特别的需求 ProLayout高级布局组件的API里有一个layout参数 可以设置layout的菜单模式 我
ant design pro
React
umi
React之路由的基本操作
文章目录 路由的基本使用 路由组件与一般组件 NavLink与封装NavLink Switch的使用 解决多级路径刷新页面样式丢失的问题 路由的严格匹配与模糊匹配 Redirect的使用 嵌套路由 实例 文件目录 public index
React
ReactJS
前端
javascript
nextjs开发 + vercel 部署 ssr ssg
前言 最近想实践下ssr 就打算用nextjs 做一个人博客 vercel 部署 提供免费域名 来学习实践下ssr ssg nextjs 一个轻量级的react服务端渲染框架 vercel 由 Next js 的创建者制作 支持nextjs
React
Nextjs
vercel
ssr
ssg
react学习之完善官网游戏教程
react学习之完善官网游戏教程 1 在游戏历史记录列表显示每一步棋的坐标 格式为 列号 行号 2 在历史记录列表中加粗显示当前选择的项目 3 使用两个循环来渲染出棋盘的格子 而不是在代码里写死 hardcode 4 添加一个可以升序或降序
React
ReactJS
react 三种通信方式
react有三种通信方式 一 父传子 二 字传父 三 兄弟之间传值 一 父组件向子组件传值 父组件通过属性的方式传递参数 子组件通过props来接收父组件传递过来的参数 React中是单向数据流 数据只能从父组件通过属性的方式传给其子组件
React
React:判断是否为true有可能会出现的问题
今天遇到个小问题改了好久 因为state值是要改成url地址 以为是自己哪里逻辑出问题了 搞了好久才发现 是自己判断出现了错误 记录一下 写个小例子 防止二次发生 菜鸡一枚 还希望得到大佬的详解 以下是数字和字符串隐试转换规则 任何非零的数
React
ReactJS
React-router 5.0 利用高阶函数实现路由嵌套(web)
如今 react router 已经升级到v5 0版本 v4 0版本做了较大的改革 代码中依然使用v3 0版本的写法 于是准备整改为v4 0以上版本 遇到了很多坑 于是做个笔记 首先 对比一下 v3 0 和 v4 0 版本 v4 0提供了r
React
Reactrouter 50
umi request和mock(mock文件夹下的js文件)请求传递和接收参数
目录 utils request js services test js mock test js 拓展 utils request js const fetch require dva fetch const checkStatus re
React
umi
如何解决vue/react打包上线之后路由页面刷新就丢失的问题
location try files uri index html index index html index htm index php 通过服务器的nginx配置进行url重写到程序入口index html 代码如上
react实现的功能记录
vue实现的功能及遇到的问题解决纪录
React
[一步一步学react系列] 04—计算器Demo
前言 之前的例子都是写的计数器 加一减一的功能 我们大致弄懂了redux分层和store数据管理 下面我们将结合现有知识写一个终极版的计算器 以此巩固所学知识 知识点 redux分层 react router 一些算法及数据结构知识 栈 中
React
redux
react从入门到精通总结(一)
React简介 React 是一个用于构建用户界面的 JS 库 主要用于构建UI React由美国的公司Facebook在2011年诞生并于2013年开源发布 特点 1 声明式设计 React采用声明范式 可以轻松描述应用 2 高效使用虚拟
react知识点总结
React
React生命周期getDerivedStateFromProps&getSnapshotBeforeUpdate
getDerivedStateFromProps getDerivedStateFromProps nextProps preState nextProps 与componentWillReceiveProps的nextProps参数相同
React
javascript
前端
ReactJS
React 函数组件
1 React 组件 函数式组件 1 React提供了两种创建组件方式 1 1 函数式组件 1 2 类组件 执行了ReactDOM render
React
通过axios实现的一个搜索查询展示案例
代码如下 App js import React Component from react import Search List from components export default class App extends Compon
React
«
1 ...
10
11
12
13
14
15
16
...52
»