wx612f45b709d99的博客_react

React中使用ant.design的form.item里tabs里写select多选框，初始化不生效

把Options的形式替换成形式。

react.js

javascript

前端

i++

解决方案

原创 2022-10-22 01:32:46 242 阅读

ant design pro表格查询条件的placeholder修改

【代码】ant design pro表格查询条件的placeholder修改。

前端

原创 2022-09-24 01:09:10 228 阅读

使用zoom后echarts鼠标悬停错位

问题：使用zoom 属性设置缩放，echart图表的鼠标悬浮事件错位，不能正确的找到元素的位置。解决办法：将echars还原回去即可，比如一开始zoom是0.5，那么就1/0.5。下面我是在react里： <div ref={ref} style={{ width: '100%', height: 500, zoom:1/thezoom }} />...

echarts

react.js

javascript

缩放

属性设置

原创 2021-10-19 17:24:34 2646 阅读

showTotal is not a function

根据官方文档介绍：showTotal 用于显示数据总量和当前数据顺序 function(total, range) showTotal={(totalCount) => { return `共 ${totalCount} 条`; }}在单独的Pagination分页里写成函数形式就可以了...

react

数据

分页

原创 2021-10-19 17:24:26 434 阅读

react ant 通过置空按钮，在外部通过js清空Select和RangePicker的值

可以给 RangePicker 控件设置一个key，通过将key设置为new Date()

react

重置

控件

原创 2021-10-11 16:11:16 549 阅读

react hooks antd Design里input的值变化不更新

代码描述： <Form.Item label="用户名称" name="actionObj"> <Input placeholder="请搜索用户名称"

javascript

html

css

用户名

input标签

原创 2021-10-08 14:23:46 2460 阅读

hooks实例

import React, { useEffect, useState } from 'react';import { useHistory,useLocation,useParams,useMatch } from 'react-router-dom';import { Activeuser } from '@/services/sysuser'; const history = useHistory(); const [email , setEmail] = useState('');

ico

html

知识

原创 2021-09-02 10:31:46 272 阅读

react ant-menu-item-selected选中的菜单样式修改

之前引入的方式是import styles from './index.less';然后我在index.less里修改，没有一点反应，后来发现上面引入的方式只是把样式导进去，用不用不清楚，这个时候需要加上import './index.less';然后index.less里面的样式就可以生效了.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected{ background-color:#

react

其他

原创 2021-09-01 18:43:59 2674 阅读

Ant Table 某行某列根据内容改变颜色

重点就是 render: (val,record)，这里的val是当前的这个数据，而record是当前行的所有数据然后可以根据这个数据的值，进行相应的逻辑操作，我这里用的是三木表达式，当然你也可以使用if,else等import React, { useState, useEffect } from 'react';import { Table} from 'antd'; const [userData, setUserData] = useState(""); const [userCur

react

数据

5e

初始化

数组

原创 2021-09-01 18:43:59 4140 阅读

react基础知识

基础知识：ReactDOM.render来渲染元素，参数一般有三个：模版的渲染内容(HTML形式)，需要插入的DOM节点，渲染后的回调(一般用不到) React.createElement创建标签（虚拟dom模拟真实dom进行对比差异，然后渲染）2.引入babel 并且在div下script下添加type="text/babel"属性，即可在script下直接写html标签3.js里有class对象，在script里为了区分，里面的类名写成className4.jsx：即在js中

react

html

生命周期

初始化

加载

原创 2021-09-01 18:39:43 138 阅读

react进阶

1.脚手架使用(包含多个插件)单页面：只有index.js一个入口mainfest.json可以帮助离线缓存package.json是包含插件和依赖的脚本，scripts第一个是运行方法如果项目本身满足不了我们的需求，要修改webpack.config.js里的配置react是热加载，修改部分代码不用重启打开即可更新。项目更改完会自动重新打包。Eslint检验 .js 文件是否符合编码规范npm install -g create-react-app （-g是全局安装，install简写是i

react

css

json

大括号

数组

原创 2021-09-01 18:39:42 128 阅读

React Hooks

React HooksuseState：解决状态问题useEffect：类似生命周期(组件加载的时候或者当数据改变时可以重新获取)修改app.jsexport default function App() { //useState,效果与有状态组件state={}相同 const [count,setCount] = useState(10); //useEffect 第二个参数传递空数组 log只会打印一次 //可以在setCount修改初始值 useEf

react

ios

用户名

json

大括号

原创 2021-09-01 18:39:41 271 阅读

输入框自适应输入的内容

我的需求是：每次输出英文分号 ; 就把输入框的长度增加。 import React, { useEffect, useState } from 'react'; import {useRef } from 'react' const [inputData , setInputData] = useState('');//输入框的内容 const [length , setLength] = useState(316); //初始化输入框的宽度 const inputEl =

react

javascript

输入框

字符串

初始化

原创 2021-09-01 18:39:40 444 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx612f45b709d99的博客

React中使用ant.design的form.item里tabs里写select多选框，初始化不生效

ant design pro表格查询条件的placeholder修改

使用zoom后echarts鼠标悬停错位

showTotal is not a function

react ant 通过置空按钮，在外部通过js清空Select和RangePicker的值

react hooks antd Design里input的值变化不更新

hooks实例

react ant-menu-item-selected选中的菜单样式修改

Ant Table 某行某列根据内容改变颜色

react基础知识

react进阶

React Hooks

输入框自适应输入的内容

欢迎