随笔分类 -  react

react
ant design-Table组件实现每一行某个特定字段连续相同进行行合并。
摘要：需求：表格数据，要求后台返回的数据中，每一行客户姓名连续相同时进行行合并。 需求原型： 解决方案： 首先看ant Table官网的demo，如何实现行合并： import { Table } from 'antd'; // In the fifth row, other columns are me 阅读全文
posted @ 2020-02-20 20:58 木易锅巴 阅读(3752) 评论(0) 推荐(0)
初涉echarts图表笔记。
摘要：最近刚写了一个图表的需求，根据需求涉及到的功能做了一些比较供自己学习。 页面截图： 1首页，我们项目架构是react，然后我选用的图表组件是echarts-for-react。 echarts-for-react简介： 使用echarts-for-react插件可以在React中调用echarts接 阅读全文
posted @ 2019-10-25 21:10 木易锅巴 阅读(318) 评论(0) 推荐(0)
react--列表携带搜索条件到详情，详情回到列表要回显之前的搜索条件，然后刷新后搜索条件重置初始状态
摘要：操作： （1）：在接诊记录列表页有搜索条件如姓名手机号，接诊时间和接诊类型。 （2）：输入搜索查询条件后，点击进去详情页。 （3）：在详情页点击返回列表按钮。 要求： 在列表页还回显跳转详情页时的搜索条件，且刷新页面后搜索条件重置为初始状态。 页面展示： （1）列表页面初始状态。 （2）：增加搜索条 阅读全文
posted @ 2019-09-09 16:52 木易锅巴 阅读(3817) 评论(0) 推荐(0)
react---简易展开收起组件
摘要：组件核心代码： import React from 'react'; // import PropTypes from 'prop-types'; // 展开收起组件 class ArrowSlide extends React.Component { static defaultProps = { 阅读全文
posted @ 2019-08-01 10:39 木易锅巴 阅读(4250) 评论(0) 推荐(0)
react---简易toast组件
摘要：组件核心代码： import React, { Component } from 'react' import PropTypes from 'prop-types'; // toast 弹框组件 class Toast extends Component { static defaultProps 阅读全文
posted @ 2019-07-31 17:57 木易锅巴 阅读(2393) 评论(0) 推荐(0)
react---之下拉菜单默认选中的值始终不变的问题
摘要：需求：点击下拉菜单，出来主题列表选项，如果一个后台返回的组织已经有主题，那就默认选中该条选项。如果没有主题，那么默认第一个主题。 问题：后台返回了有主题的数据，但是下拉菜单一直显示是默认主题。 正确应显示下图（由于下拉列表会把下拉组件挡住，所以这边分开截图）。 如图：下拉框 下拉列表（测试数据） 主 阅读全文
posted @ 2019-01-03 15:28 木易锅巴 阅读(3197) 评论(0) 推荐(1)
create-react-app支持less配置
摘要：暴露webpck配置 npm run eject 安装相关依赖 npm install --save less less-loader 修改webpack.config两个文件的相关配置 const cssRegex = /.(css|less)/;constcssModuleRegex=/.mod 阅读全文
posted @ 2018-12-29 16:46 木易锅巴 阅读(771) 评论(0) 推荐(0)
高阶组件学习笔记
摘要：高阶组件类似高阶函数。 ###高阶函数： 其他函数作为参数或将函数作为返回值，将其称为高阶函数，如setTimeout\setInterval\sort\filter。 ###高阶组件： 高阶组件(high-order component)类似于高阶函数，接收 React 组件作为输入，输出一个新的 阅读全文
posted @ 2018-12-29 16:44 木易锅巴 阅读(638) 评论(0) 推荐(0)