![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
不认输的西瓜
这个作者很懒,什么都没留下…
展开
-
react——父组件props发生变化时调用的生命周期函数
在做项目的时候遇到问题:两个子组件和一个父组件子组件1改变了某个值通过状态提升到共同的父组件,然后子组件2要使用更新后的数据componentWillReceiveProps(nextProps) {//判断如果props发生改变 if (nextProps.keys !== this.props.keys) { this.setState({ keys...原创 2019-11-14 18:51:39 · 3902 阅读 · 0 评论 -
react——Antdesign 使用checkableTag标签实现标签多选功能
具体实现功能参考标签多选功能,比较简单。这篇文主要记录一下我在开发这部分时遇到的一个现象。当时需求是超过标签的宽度省略文本内容并显示省略号,我十分自然的使用css来实现。就是当你给checkableTag添加样式的时候,overflow: hidden;text-overflow:ellipsis;white-space: nowrap;测试的时候发现在window上是没有问题的,一...原创 2019-11-12 17:38:32 · 4416 阅读 · 0 评论 -
antd react table扩展行(expandedRowRender,onExpand)异步记载数据再渲染问题
最近在做项目的时候遇到一种情况,需求是做可展开的表格,当点击展开时异步发送请求将数据渲染到展开的内容中。项目用的是react+Antdesign主要使用的就是Table组件的onExpand,expandedRowRender两个属性。expandedRowRender 额外的展开行 类型Function(record, index, indent, expanded):ReactNode...原创 2019-11-08 10:18:11 · 12237 阅读 · 4 评论 -
echarts-for-react——react项目中使用echarts
最近有在做的项目需要在react中使用echarts。安装npm install --save echarts-for-reactnpm install --save echarts然后导入echarts.js模块引入全部的import ReactEcharts from "echarts-for-react";减少包的大小也可以按需引入import echarts from ...原创 2019-11-07 16:06:41 · 3312 阅读 · 0 评论 -
react跨页面跨组件传值
做需求的时候遇到这样一个情况,要跨页面跨组件进行传值,两个页面并不是父子关系数据由a页面传到b页面在src目录下创建store目录,并在里面创建test.jsimport { createStore } from 'redux'const defaultState = { list: []}const store = createStore((state = defaultSta...原创 2019-11-04 11:31:49 · 2822 阅读 · 0 评论