Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
Uncaught Error: useNavigate() may be used only in the context of a <Router> component.
出现此问题的原因是因为使用useNavigate的模块没有被react的路由所包围 导致路由并不能在这个层面上使用 解决办法有两种 一 将这个模块被路由模块包围 export default memo gt return
React
前端
javascript
开发语言
react16.3官方文档
https reactjs org blog 2018 03 29 react v 16 3 html
React
antd 中 Table表格 合并行
1 首先获取所要合并行的column 去除每一行数据的rowkey 本例取的是Name这一列 2 当Name的值在多个页面出现时需重新记录rowSpan 3 合并column中具有相同Name的行 结果图如下 表格数据 const Data
React
antd
table
前端
React---使用react脚手架搭建项目
一 使用create react app创建react应用 1 1 react脚手架 xxx脚手架 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置 语法检查 jsx编译 devServer 下载好了所有相关的依赖 可
Java
vue
React
js
python
vue项目使用$router.go(-1)刷新原来界面
1 问题 我们常常需要使用 router go 1 返回之前的页面 但是却发现 之前的界面 保持着上次跳转的状态 比如说 弹框未关闭 状态未更新之类的等等 2 原因 使用 router go 1 返回 之前的数据都保留 并未刷新原来的界面
vue
React
html
React循环
import React Component from react class App extends Component constructor props super props this state str 这是react数据 num
React
react多重判断条件渲染相应组件
需求来了 多种判断条件下 判断后渲染对应的组件 如果说if else堆叠 那代码会又乱又没有可读性 并且还要渲染对应的组件 最好的思路就是用switch case语句 但是又不想在render里写 那就要借助react的state 是的 r
React
javascript
react在移动端的自适应布局
1 移动端基本可以无阻碍的进行flex的弹性布局 这边对flex就不进行深究 2 可以进行依据窗口进行vw vh vmin vmax单位的布局 1 vw vh vmin vmax 是一种视窗单位 也是相对单位 它相对的不是父节点或者页面的根
React
react在不弹出eject的情况下配置sass和antd
天气越来越热 公司的业务也慢慢放缓 这时候就有空暇时间为自己充点电了 然后就把目标放在了react上 公司的前端技术框架用的是vue 对react早就如雷贯耳 然后自己看了文档就劈里啪啦开始搞 在用create react app脚手架搭建
React
ReactJS
React v4官方推荐的富文本编辑器braft-editor使用
官方推荐使用两个编辑器其中一个 v5推荐另一个 以v4这个为例 由于官方文档都是class类组件 使用时不太方便 所以下面是自己写的一个hook函数组件 只实现了基本使用 特殊化的暂未写出 一 安装 使用npm安装 npm install
React
ReactJS
前端
javascript
antd中的Cascader级联选择框怎么清空重置React
项目场景 React项目 使用antd中的Cascader级联选择框 问题描述 通过其他按钮无法重置选择框中的项 原因分析 对应解决办法一和二 1 级联选择框的数据默认是根据options绑定的数组中的value值来进行赋值显示的 可以使用
前端
ant design
React
Cascader
级联选择框
react学习—属性默认值和类型验证
属性默认值和类型验证 一 属性默认值 1 函数组件属性默认值 2 类组件默认属性值 二 属性类型验证 1 常见值类型 2 是否必传isRequired 3 其它类型验证 4 自定义验证 一 属性默认值 通过一个静态属性defaultProp
react学习
React
属性默认值
属性类型验证
react中使用splice函数去删除数组的某一项
1 splice函数 splice 方法向 从数组中添加 删除项目 然后返回被删除的项目 slice 方法可从已有的数组中返回选定的元素 所以 在使用的时候 就要注意的是 splice返回的是被删除的项目 2 举一个我在react中使用的小
javascript基础
React
javascript
谈谈react操作onMouseEnter、onMouseLeave结合css里的hover
react对于每个html元素都添加了很多事件处理函数 这些事件网上一搜就都出来了 这里简单说下在react中利用js进行操作类似于css里的hover所使用的事件 比如这样一个需求 有以下3个div div class a abc a d
html
css
React
ant design pro v5 req.body获取数据为空的问题
问题描述 需要发送请求修改mock里面MaterialList的数据 在service的方法中可以打印出正确的需传递的参数 但是在mock里面使用 res send req body 返回的却是 原代码 services ant desig
ant design pro
javascript
nodejs
Ant
React
React-50:setState
对象形式 也是最经常用到的 import React Component from react export default class Demo extends Component state count 0 add gt 对象式的set
React
ReactJS
react仿钉钉流程图-审批工作流
前言 此前做项目遇到一个流程图的业务场景 查找了一些资料和插件都没有找到理想的 最后找到了一款比较美观 仿钉钉流程图的 但是找来找去都找不到react版本的 只找到vue版本的 没办法 只能自己写一个 仿钉钉流程图 Api包括 一维数组传参
React
前端
ReactJS
React中的组件的渲染函数(Render Function)是什么?什么是React中的函数组件和类组件?如何在React中进行状态管理?
1 请解释一下React中的组件的渲染函数 Render Function 是什么 以及如何使用和实现渲染函数 React中的组件可以有多种形式的渲染函数 包括传统的render 方法 以及近年来兴起的函数组件和Hooks中的useStat
Web
React
前端
react时间戳转换成需要格式
后端返回前端日期时间 一般给你的都是时间戳 然后前端展示需要转换成需要格式 以下是我开发中常遇到需要转换成的格式 看代码 class DateApi 将输入的毫秒字符串or毫秒数转换成指定的字符串格式 param string msStr
技术
React
React Effects(副作用)
我们在之前提到过 React 组件在渲染过程中不应该有可观察到的副作用 但是有些时候副作用确实必要的 我们也许需要进行管理 focus 状态 用 canvas 画图 订阅数据源等操作 在 React 中 这些都可以通过声明 effect 来
React
ReactJS
javascript
前端
«
1 ...
5
6
7
8
9
10
11
...52
»