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