1 2 3 4

随笔分类 -  react

摘要:1.为什么使用hook 我们经常维护一些组件,组件起初很简单,但是逐渐会被状态逻辑和副作用充斥。每个生命周期常常包含一些不相关的逻辑。例如,组件常常在 componentDidMount 和 componentDidUpdate 中获取数据。但是,同一个 componentDidMount 中可能也 阅读全文
posted @ 2020-08-25 10:38 红鲤鱼与LV 阅读(611) 评论(0) 推荐(1) 编辑
摘要:https://blog.csdn.net/qq_44752117/article/details/107875482 阅读全文
posted @ 2020-08-14 17:23 红鲤鱼与LV 阅读(2282) 评论(0) 推荐(0) 编辑
摘要:我们在做表单的时候经常会遇到一个场景需要数组对象格式的数据,例如我们填写公司成员信息,如下图: 我们需要的数据格式是数组对象,这时我们在getFieldDecorator要如何取名字呢? <Form.Item style={{ margin: 0 }}> {getFieldDecorator(`co 阅读全文
posted @ 2020-06-23 11:04 红鲤鱼与LV 阅读(7149) 评论(0) 推荐(0) 编辑
摘要:1.失去焦点时验证 <Col span={12}> <Form.Item label="账号" labelCol={{ span: 5 }} wrapperCol={{ span: 16 }} > {isAdd ? ( getFieldDecorator('bank_account', { rule 阅读全文
posted @ 2020-06-23 10:43 红鲤鱼与LV 阅读(9672) 评论(1) 推荐(0) 编辑
摘要:Fragments的短语法,其不占用dom节点,https://zh-hans.reactjs.org/docs/fragments.html#gatsby-focus-wrapper class Columns extends React.Component { render() { return 阅读全文
posted @ 2020-04-27 18:02 红鲤鱼与LV 阅读(3533) 评论(0) 推荐(0) 编辑
摘要:1. this.setState(state => ({ seconds: state.seconds + 1})); 阅读全文
posted @ 2020-03-26 17:35 红鲤鱼与LV 阅读(164) 评论(0) 推荐(0) 编辑
摘要://不能选择今天之前的日期<DatePicker format={this.timeFormat} showTime placeholder="项目结束日期" disabledDate={this.disabledDate} /> disabledDate(current) { // Can not 阅读全文
posted @ 2019-11-15 11:29 红鲤鱼与LV 阅读(692) 评论(0) 推荐(0) 编辑
摘要:1.mobx状态管理 安装:creact-react-app mobx action、store、reducer。 action是一个函数,事件调用actions直接修改state,Actions是唯一可以修改state的东西,并且可能有副作用,副作用是修改完之后,会激起一些计算属性的更新。 sta 阅读全文
posted @ 2019-09-06 10:40 红鲤鱼与LV 阅读(1028) 评论(0) 推荐(1) 编辑
摘要:做项目遇到导出数据,搜索了一个插件,简直太好用,几行代码就可以搞定。 插件是react-csv, 了解详细介绍大家可以去https://www.npmjs.com/package/react-csv 阅读全文
posted @ 2019-08-09 18:54 红鲤鱼与LV 阅读(1143) 评论(0) 推荐(0) 编辑
摘要:效果如图所示: 阅读全文
posted @ 2019-08-09 11:42 红鲤鱼与LV 阅读(936) 评论(0) 推荐(0) 编辑
摘要:https://www.jianshu.com/p/a883552c67de 阅读全文
posted @ 2019-07-24 15:04 红鲤鱼与LV 阅读(114) 评论(0) 推荐(0) 编辑
摘要:在使用antd的日期插件时,不留意就会报各种错误。 例如:Warning: Failed prop type: Invalid prop `value` supplied to `Picker`. 这个是因为在时间为空时,value值不规范造成的,解决方法如下: 阅读全文
posted @ 2019-06-18 17:48 红鲤鱼与LV 阅读(14394) 评论(0) 推荐(0) 编辑
摘要:1.为什么要使用状态管路工具 在跨层级的组件之间传递信息,尤其是复杂的组件会非常困难。也不利于开发和维护,这时我们就a需要用到状态管理工具。 2.Flux Flux,它采用的是单向数据流。 * Actions: 驱动Dispatcher发起改变 * Dispatcher: 负责分发动作(事件) * 阅读全文
posted @ 2019-05-01 14:40 红鲤鱼与LV 阅读(595) 评论(0) 推荐(0) 编辑
摘要:1.mobx状态管理 安装: creact-react-app mobx 安装: creact-react-app mobx 2.action、store、reducer。 action是一个函数,事件调用actions直接修改state,Actions是唯一可以修改state的东西,并且可能有副作 阅读全文
posted @ 2019-05-01 14:38 红鲤鱼与LV 阅读(1118) 评论(0) 推荐(0) 编辑
摘要:https://blog.csdn.net/qq_26708777/article/details/78107577 一、虚拟DOM 1.什么是虚拟DOM及原理 把真实DOM树,变成js对象树,将之前的和新的作比较,通过diff算法,按照不同的地方进行渲染。 2.什么情况下使用虚拟DOM 当修改组件 阅读全文
posted @ 2018-11-26 09:32 红鲤鱼与LV 阅读(804) 评论(0) 推荐(0) 编辑
摘要:我封装了一个简单的实现react里自定义Link的方法,方便大家使用。 这里是我引用上面组件的一个例子,大家可以参考一下。 但是吧上面自定义Link的方法也有不足之处,还要定义一个<Route>,接下来我们通过withRouter这个方法来让一个普通组件带上路由的状态信息。 先来简单介绍一下with 阅读全文
posted @ 2018-11-18 15:08 红鲤鱼与LV 阅读(823) 评论(0) 推荐(0) 编辑
摘要:首先我们要知道一个前提,路由传递的参数我们可以通过props里面的属性来获取。只要组件是被<Router>组件的<component>定义和指派的,这个组件自然就有了props的match,history和location属性。 了解了这个,接下来我们进入正题: 1.动态路由用法一:(:id法) 通 阅读全文
posted @ 2018-11-18 12:03 红鲤鱼与LV 阅读(7782) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示