React
西风XF
小前端
展开
-
dva的dispatch回调,effects返回请求参数
// 业务中的请求const params = { /* 参数 */}new Promise((resolve) => { this.props.dispatch({ type: 'GiftRequest/changeGiftState', payload: { resolve, ...原创 2018-09-12 20:46:11 · 47628 阅读 · 7 评论 -
React.js中setState回调
在使用setState修改state的值时,React.js并不会马上修改state。而是把这个对象放到一个更新队列里面,稍后才会从队列当中把新的状态提取出来合并到 state 当中,然后再触发组件更新。但是有的时候就想立马看到state修改后的值,这就用到了setState的回调:this.state = { value: '1'}this.setState({ ...原创 2018-10-15 16:23:15 · 3939 阅读 · 0 评论 -
React.js数组Excel下载
React.js获取的数据格式为数组,直接导出Excel使用插件js-export-excel1、安装npm install js-export-excel2、引用import ExportJsonExcel from 'js-export-excel'3、使用 ExportJsonExcel 方法let option={};option.fileName =...转载 2018-10-09 11:46:03 · 687 阅读 · 0 评论 -
Gatsby静态网站导航高亮
Gatsby 是一款基于 React 和 GraphQL 的静态文档生成器。思路:获取路由,根据路由显示导航高亮;this.props.location.pathname 获取路由;若this.props.location.pathname获取不到值,可用window.location.pathname获取;// layouts index.jsimport Rea...原创 2018-11-19 20:11:28 · 785 阅读 · 0 评论 -
React实现tab切换效果
之前写过JQ实现tab切换效果,业务需要,用React实现tab切换,记录一下...this.state = { // 全部数据 addressJobs: [ { address: '北京', jobs: ['北京职位1', '北京职位2', '北京职位3', '北京职位4', '北京职位5', '北京职位6', '北京职位7', '北京职位8', ...原创 2018-11-23 15:06:38 · 6474 阅读 · 0 评论 -
React嵌套组件加载顺序
/* 父组件 */import React, { Component } from 'react';import Header from './components/Header'import Footer from './components/Footer'import BodyIndex from './components/BodyIndex'class App extends...原创 2019-01-03 17:50:10 · 4836 阅读 · 0 评论 -
Cannot find module '@babel/plugin-transform-react-jsx'
create-react-appnpm run eject报错,Cannot find module '@babel/plugin-transform-react-jsx',找不到模块依赖解决方案:删除node_modules文件重新npm install原创 2019-04-15 10:33:28 · 7197 阅读 · 0 评论