zoukankan      html  css  js  c++  java
  • react之入门

    react出于FackBook,是一个将js与css共写的里程碑,主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图),后来出现redux更多的是处理数据,所以也适合做逻辑复杂的管理系统,下面我们从项目创建,路由管理,和redux数据操作来简述

    项目创建

    npm install -g generator-react-webpack
    yo react-webpak 项目名称
    或者是
    npm install create-react-app
    create-react-app myapp

    路由

    版本一直从2.0升级到4.0,改动特别大,学习成本较高,遇到的坑比较多
    1、npm install bower -g
    2、bower install react-router --save 生成bower_components
    3、<Router></Router> 所有路由的存放容器,所有的子路由都放在该标签内部
    4、<Link/> 路由的跳转,也就是来去页面,相当于a标签
    5、<Route path="/" component={Home}/> 子路由,写在<Router></Router>里面,相当于路由导航器
    6、<indexRoute/> 路由里默认显示的子路由,此路由没有path属性
    7、<Redirect from="/user/page" to="/login"/> 路由重定向,重新指定跳转路由
    路由三种跳转方式,通过H5新特性history API实现
    1、hashHistory 哈希跳转/#/home/page
    2、browserHistory 完全根据浏览器记录跳转 xxx.com/home/page
    3、createMeoryHistory 主要用于服务器渲染(基本不使用)

     

  • 相关阅读:
    1007 Maximum Subsequence Sum(25 分)
    1006 Sign In and Sign Out(25 分)
    1005 Spell It Right
    1004 Counting Leaves
    Struts10分钟入门
    MyBais入门
    Hibernate注解
    save,flush,evict
    HQL连接查询
    Hibernate-延迟加载和立即加载
  • 原文地址:https://www.cnblogs.com/wdxue/p/6943582.html
Copyright © 2011-2022 走看看