zfan520的博客

1、PubSub使用方式react导入库npm install pubsub-js --savereact 页面引入pubsubjsimport PubSub from 'pubsub-js'pubsubjs使用发送消息：PubSub.publish(名称,参数)订阅消息：PubSub.subscrib(名称,函数)取消订阅：PubSub.unsubscri

1、Router4.0的Link实现跳转操作1.1、react入口文件index.jsimport React from 'react';import ReactDOM from 'react-dom';import './index.css';import RouterIndex from './routers/index.js';import registerServiceW

最近需要做react页面获取url中传递的id，这个流程还是有点复杂的。url携带id传送给express后台，后台将id映射到jade引擎中，jade引擎通过doit函数传送给reactDOM，再通过react中的props将值传递给需要的页面，对应页面进行网络请求。1、实现效果图2、代码详细分析2.1 url将值传递给express后台输入的ur

最近为了实现将从网络获取的json数据呈现了table中，做了几种尝试，最后确定了一种方案，即map解析获得的网络数据，将需要的data值丢到状态机state中，然后在呈现部分引用antd中的table，这样便达到了需要的效果。1、呈现结果2、普通用法table的普通用法可以参考antd中table的用法：https://ant.design/components/ta

1、根据value值控制节点大小1.1 效果1.2 代码控制 option = { series: [{ type: 'graph', layout: 'force', label: { normal: {

1、演示效果2、详细说明2.1 index.js引入路由信息2.1.1 index.js加载ReactDOMimport React from 'react';import ReactDOM from 'react-dom';import registerServiceWorker from './registerService

React严格定义了组建的生命周期，生命周期可能会经历三个阶段。1、装载过程（Mount）说明：组件第一次在DOM中渲染的过程 对应函数： constructor getInitialState getDefountProps componentWillMount render componentDidMount1.1 constructor构造函数初始化时被调用，声明构造函数有三个目

1、演示效果2、代码呈现import React, { Component } from 'react';//需要先运行npm install echats,才能这样引入import echarts from 'echarts';class App extends Component { initTreemap() {//数据格式 const data = [{ nam

1、webpack多入口配置在webpack.config.js中配置entryvar webpack = require('webpack');var path = require('path');//公共文件打包到common.js中var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.js',[

1、演示效果最上面的部分为导航插件。2、具体代码与介绍2.1 Reactjs首次加载与路由页面   index.js首次加载import React from 'react';import ReactDOM from 'react-dom';import './index.css';import RouterIndex from './routers/inde

为了实现检索中，输入框的复制效果，思前想后，想到了一种用数组存放控件，对控件的复制和删除便可通过操作数组来实现了。1、通过+和-控制控件的添加和删除1.1 演示效果1.2 核心代码下面的代码可以实现上面所展示的效果，但是有一个缺陷，就是添加的控件输入的值，不好区分，每一次添加的控件输入的值无法捕获，更别谈通过输入的值进行后续操作了。import