- 博客(13)
- 收藏
- 关注
原创 antd 使用数据录入 defaultvalue和value的区别
defaultvalue 默认数据值。 value绑定在组件的数据值什么时候使用value?如果某些页面,只是用来作数据展示,用户不需要通过页面来操作改变value值时,可以使用value,而不使用defaultvalue,避免再使用disabled禁止用户操作数据录入组件。<Rate value={row.evaluate} allowHalf />什么时候用default...
2020-03-31 15:35:48 3803
原创 react+typescript项目使用echarts的按需加载流程
第一步安装echarts和echarts-for-react使用yarn或者install安装都可以npm install --save echarts-for-react或者yarn add echarts-for-react --saveecharts-for-react依赖于echarts,可以自己选择安装一个版本的echartsnpm install --save echa...
2020-03-27 14:47:03 4987 7
原创 echart常用曲线图和折线图配置
// 点播统计趋势图let DemandStatisticsBar = Echart.init(document.getElementsByClassName('demand-statistics-bar')[0]);DemandStatisticsBar.setOption({ title: { text: '点播统计趋势图', ...setEchartTitle, //...
2020-03-12 11:18:19 2979 1
原创 echart饼状图常用配置
echart饼状图经过前面的铺垫,废话不多说直接上代码let tearcherStudentPie = Echart.init(document.getElementsByClassName('teacher-student-pie')[0]);tearcherStudentPie.setOption({ title: { text: '师生比例图', ...setEch...
2020-03-12 10:49:50 1897 1
原创 echart 常用title和轴线修改
开发的时候,同一个项目往往会有多个图表,设计师提供的设计图中,多个图表之间的主题往往是相似的,可能使用的是同一套色系,并且坐标轴的设计也类似,这个时候我们可以将相同的配置属性提出来,作为公共对象,并在之后的每一个图表中注入,就不需要重复开发了。
2020-03-12 10:32:32 814 1
原创 react路由传参的几种方式
第一种传参方式,动态路由传参通过设置link的path属性,进行路由的传参,当点击link标签的时候,会在上方的url地址中显示传递的整个url<Link to='/home?name=dx'>首页</Link>如果想真正获取到传递过来的参数,需要在对应的子组件中this.props.location.search 获取字符串,再手动解析因为传参能够被用户看见...
2020-03-10 11:25:28 13917 2
原创 redux使用方式
统一状态管理安装npm i react-redux --save文件的设置在react框架的src目录下,创建actions和reducers两个文件夹,以及store.js文件配置actions文件夹,创建actionTypes.js文件export const CHANGE_COUNT = 'CHANGE_COUNT';export const CHANGE_MSGLIST...
2020-03-09 23:57:19 263
原创 react hook的使用
注意 :react hook 是react新版本更新之后出现的内容,老版本不支持哪种情况需要使用hook呢?创建组件有两种方式,如果你不是class创建的组件而是function创建组件,你可能用得上function创建组件,结果组件需要有自定义数据,类似于class中的state,如果将function的组件改为class,就会显得很麻烦,这个时候,你就能用得上hook了hook具体怎么...
2020-03-09 12:25:07 1161 4
原创 react 如何直接嵌套html代码
在vue中,我们常常在标签上使用v-html来,将现成的html代码嵌入到被绑定的标签中,react如何操作呢?类似于vue,react也有特殊的标签属性,用来代替v-htmldangerouslySetInnerHTML属性,该属性被赋值,只接受对象。import React from 'react';export default class dangderouslySet exten...
2020-03-06 22:57:40 11257 4
原创 react props 父组件向子组件传参
父组件通过在组件上绑定属性,向子组件传递参数,所有的类型基本上都可以传,函数,对象,数组,基本参数类型等只不过传递非字符串参数必须通过js所以得加{}标签里面的内容,可以在子组件中通过调用this.props.children得到绑定在标签上的参数,可以通过在子组件中调用this.props得到function App() { return ( <div> ...
2020-03-05 22:57:13 2757
原创 react 标签内部写行内样式
通过直接给行内的标签绑定style属性,react规定style只能被赋值为一个对象function App() { return ( <div style={{color:'red',background:'yellow'}}>这是直接写在行内样式的文字</div> );}//看起来像是双{{}}语法,其实外面的{}表示开始写js语句,里面的{}表示...
2020-03-05 21:45:46 3653
国家或地区,中文名称与对应的地理坐标
2023-02-23
常用国家或地区 英文简写与地理坐标
2023-02-23
flexible.js 实现响应式布局
2022-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人