demo1 import React from 'react'; import $ from 'jquery'; import { createStore } from 'redux'; const initialSta…
分类:react.js
记react 代理后使用nginx发布到阿里云服务器
近期在搭建自己的简单博客系统,在本地可以前后台分离的运行,但是部署到服务器就总是会404,最后在react官网问答上面找到了答案。 1.react设置了项目代理 package.json ...//其他部分省略 "pro…
react-native踩坑记录
键盘遮挡 描述 ios靠近手机屏幕下方的输入框获得焦点时,键盘弹出,但是输入框并没有往上移。意味着比键盘低的内容都会被遮挡,而且你没办法手动往上移。结果就是在键盘消失之前,你根本看不到自己输入了什么鬼内容。 解决 使用第…
[BizCharts学习笔记] --- 数据可视化
实际上,在数据可视化这一块笔者并没有很多的开发经历和经验,不过正是因为这个问题笔者才决定学习一门数据可视化框架来弥补自己在这一方面的不足。在这个“大数据统治”的时代,数据能给我们提供前所未有的便捷和认知;感觉在这个时代没…
从无到有-在create-react-app基础上接入react-router、redux-saga
搭建项目框架 新建项目 执行如下代码,用create-react-app来建立项目的基础框架,然后安装需要用到的依赖。 $ npx create-react-app my-test-project $ cd my-tes…
React-CRA 多页面配置(react-app-rewired)
更新时间:2019-01-11 版本信息:CRA v2.1.1 + Webpack v4.19.1 + react-app-rewired v1.6.2 一、前言 为什么要进行多页面配置 在使用 React 进行开发的过…
React + TS
如果有任何错误,请务必指出。参考链接:https://github.com/typescript… (一)构建基础的组件文件 首先我们需要导入 react:import * as React from 're…
React 中 Virtual DOM 与 Diffing 算法的关系
前言 这篇文章是基于 React 官方文档对于 Virtual DOM 的理念和 Diffing 算法的策略的整合。 Virtual DOM 是一种编程理念 Virtual DOM 是一种编程理念。UI 信息被特定语言描…
从redux-thunk到redux-saga实践
文章同步于Github Pines-Cheng/blog 简介 本质都是为了解决异步action的问题 Redux Saga可以理解为一个和系统交互的常驻进程,其中,Saga可简单定义如下: Saga = Worker …
【Under-the-hood-ReactJS-Part5】React源码解读
接上文, React流程图:https://bogdan-lyashenko.gith… 更新DOM属性 在更新DOM属性这一步,主要的目标就是将之前的props和当前props的差异高效的更新到DOM上。下…
react+antd系列之Form表单(2):格式限制验证
格式限制 antd中表单的功能很多,下面就为大家整理了一下antd中常用的几种表单输入格式验证: 1. 输入框不能为空限制,如下: {getFieldDecorator('name', { rules: [{ requi…
react 组件传值
整理 react 组件传值 三种方式 1. 父组件向子组件传值(通过props传值) 子组件: class Children extends Component{ constructor(props){ super(pr…