dva中统一处理一下model引入的问题,这样就不用每一次一个一个的导入Model了。 index.js require('./models').default.forEach(key => { app.model(key.default); }); //之前的方式 // app.model(requi...
react
react16.6 contextType属性
React 16.6引入了在不直接使用Consumer组件的情况下从上下文消费数据的功能。这有助于减少组件JSX中不必要的嵌套,使它们更易于阅读。 使用:static contextType class MyButton extends React.Component...
react组件中返回并列元素的方法
我们在写react组件的时候,经常会遇到这种问题,在render中return元素只能有一个顶级元素,比如div,假如写成这样就会报错: render(){ return( <div>123</div> <div>456</di...
react上拉加载下拉刷新
2019-06-01更新: 上次说了由于懒,所以就直接用了jq,然后其实在工作中实战的时候还是有其他问题的,优化问题优化的恶心(其实是上次留下的坑太多了)所以抽了周末把这个功能根据官方的示例重新写了一下,并...
react redux异步方法总结
redux异步的方法有很多,常用的也就那几种: redux-thunk,redux-actions,redux-promise,redux-saga ,dva 1:redux-thunk https://github.com/reduxjs/redux-thunk 安装:yarn add redux-thunk i...
dva报错ReferenceError: regeneratorRuntime is not defined
dva使用异步方法effects,一直报错ReferenceError: regeneratorRuntime is not defined effects:{ *asyncAdd(action,{ put,call }){ yield call(delay,1000); yield ...
React:Render Props
官方解释: 术语 “render prop” 是指一种在 React 组件之间使用一个值为函数的 prop 共享代码的简单技术 具有 render prop 的组件接受一个函数,该函数返回一个 React 元素并调用它而不是实现自己的渲染...
react router4.0实现登录拦截
核心代码(如下),其实理解了核心思想很简单,刚开始被官方示例一大堆代码给蒙蔽了,哈哈。 const PrivateRoute = ({component:Component,...rest}) => { return ( <Route {...rest} rende...
React Loadable(代码分割)
安装: yarn add react-loadable 示例: import Loadable from 'react-loadable'; import Loading from './my-loading-component'; const LoadableComponent = Loadable({ loader: () => import('./...
react-router 4嵌套布局
今天看到一篇文章主要是讲react router4的文档,其实4.0所有的api都很简单,也更好理解,但是这篇文章主要是讲用组件化的思想来实现嵌套布局(这个其实跟vue的嵌套路由很像,突然想起来,学会了react再去看vue相...