React
前端小小坤
这个作者很懒,什么都没留下…
展开
-
React高版路由写法
步骤 create-react-app my-app 创建项目1、安装依赖 不需要指定版本,默认最新npm i react-router react-router-dom jquery --save-dev2、引入主要组件对象import {BrowserRouter as Router,Route,Link,NavLink,Redirect} from 'react-route...原创 2019-01-17 13:30:54 · 1159 阅读 · 0 评论 -
React之Flux
Flux是Facebook用来构建客户端Web应用的应用架构。它利用单向数据流的方式来组合React中的视图组件。它更像一个模式而不是一个正式的框架,开发者不需要太多的新代码就可以快速的上手Flux。工作流程1、用户访问 View2、View 发出用户的 Action3、Dispatcher 收到 Action,要求 Store 进行相应的更新4、Store 更新后,发出一个"chang...原创 2019-01-18 09:07:43 · 395 阅读 · 0 评论 -
React---Redux的使用
Redux 的适用场景:多交互、多数据源。Redux对于JavaScript应用而言是一个可预测状态的容器。换言之,它是一个应用数据流框架,而不是传统的像underscore.js或者AngularJs那样的库或者框架。Redux最主要是用作应用状态的管理。简言之,Redux用一个单独的常量状态树(对象)保存这一整个应用的状态,这个对象不能直接被改变。当一些数据变化了,一个新的对象就会被创建(...原创 2019-01-18 10:26:51 · 164 阅读 · 0 评论 -
React 2016搭建脚手架流程
一、具体流程1、webpack全局环境 webpack webpack-cli webpack-dev-server2、初始化项目 npm init3、安装项目依赖 npm i webpack webpack-cli webpack-dev-server --save-dev4、创建项目目录结构 主视图(index.html) 主配置(webpack.config.js)入口文件(...原创 2019-01-15 10:21:14 · 214 阅读 · 0 评论 -
React项目打包出现的问题
项目打包后页面空白不显示在配置文件package.json中配置一下"homepage":".",内容显示出来后但是一刷新就报错,且页面变成空白把 import {BrowserRouter as Router} from "react-router-dom"改成 import {HashRouter as Router,Route,Redirect,Switch} from "r...原创 2019-01-25 14:30:00 · 745 阅读 · 0 评论 -
React处理跨域问题
需要使用代理在page.json中"proxy": { "/api": { "target": "https://www.jiayiunion.com", //你的接口地址前面的 "pathRewrite": { "^/api" : "" }, "changeOrigin"原创 2019-01-21 13:27:54 · 4179 阅读 · 0 评论 -
React写totallist
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2019-01-15 20:07:23 · 360 阅读 · 0 评论 -
React-2015版路由的配置
路由只有2和4的版本,没有3的版本,差距比较大什么是路由? 路由是根据不同的 url 地址展示不同的内容或页面。React Router一个针对React而设计的路由解决方案、可以友好的帮你解决React components 到URl之间的同步映射关系。定义链接的组件,类似于a标签。<Link to=“/users>users</Link>{thi...原创 2019-01-16 23:35:09 · 148 阅读 · 0 评论