当前位置: 首页 > news >正文

马云做一网站 只作一次网站开发需要哪些技术

马云做一网站 只作一次,网站开发需要哪些技术,上海seo课程,重庆做网站14、ReactRouter续 (2)抽象路由模块 1)新建page文件夹,存放组件 组件内容: 2)新建router文件夹,在其下创建实例 3)实例导入,使用 4)效果 (3&…

14、ReactRouter续

(2)抽象路由模块

        1)新建page文件夹,存放组件

        

组件内容:

        2)新建router文件夹,在其下创建实例

        

        3)实例导入,使用

        4)效果

(3)路由导航

        1)作用:
实现路由系统中的多个路由之间需要进行路由跳转,并可能在跳转的同时进行传参的需求
        2)分类
①声明式导航(通过【<Link to=”跳转的路径” />】组件跳转)(传参可直接通过字符串拼接的方式传递)

效果:

②编程式导航

(4)路由导航传参

        1)searchParams传参
                ①传参

                ②获取参数(先解构,再使用)

        2)params传参(传递多个参数,采取同样的步骤)
                ①在router中,找到需要参数的路径,使用参数名进行占位

        ②传参

        ③获取参数(通过使用useParams得到需要的params,params.参数名获取)

(5)嵌套路由

        1)概念:
在一级路由中又嵌套了其他路由(比如:嵌套至一级路由内的路由称为二级路由)
        2)步骤
        ①准备一级路由和二级路由组件

        ②在router中配置路由路径

        ③使用

        ④效果

点击链接,进行切换

(6)默认二级路由

        1)作用:当访问一级路由时,默认的二级路由也可以得到渲染
        2)步骤:
        ①找到router下的路由路径配置,在二级路由的位置去掉path,设置index属性为true(可以在路径为/时,显示内容)

        ②在一级路由的组件中修改默认二级路由组件的路径(可以实现路径的正常切换)

        ③效果

(7)404路由配置(路径找不到时使用)

        1)准备404组件

        2)在router中配置路径(在路由数组的结尾,以*为path配置路由)

        3)效果

(8)两种路由模式

        1)history模式(ReactRouter由createBrowerRouter创建)
        ①底层原理:history对象+pushState事件
        ②路径显示:不带#
        ③不需要后端支持

        2)hash模式(ReactRouter由createHahRouter创建)
        ①底层原理:监听hashChange事件
        ②路径显示:带#
        ③需要后端支持

        3)切换(在router配置路由路径中将创建实例的函数导入、替换即可)


文章转载自:
http://nudist.kzrg.cn
http://tippler.kzrg.cn
http://charlatan.kzrg.cn
http://hyperaphic.kzrg.cn
http://tubuliflorous.kzrg.cn
http://cdrom.kzrg.cn
http://perambulation.kzrg.cn
http://headspring.kzrg.cn
http://hemal.kzrg.cn
http://glossina.kzrg.cn
http://solyanka.kzrg.cn
http://quipster.kzrg.cn
http://rutabaga.kzrg.cn
http://hydrographic.kzrg.cn
http://eastern.kzrg.cn
http://hoverbarge.kzrg.cn
http://grocer.kzrg.cn
http://pinkster.kzrg.cn
http://immeasurability.kzrg.cn
http://halloo.kzrg.cn
http://recovery.kzrg.cn
http://glioma.kzrg.cn
http://sunsuit.kzrg.cn
http://containerize.kzrg.cn
http://exorable.kzrg.cn
http://airfreight.kzrg.cn
http://deasil.kzrg.cn
http://presumptuous.kzrg.cn
http://jabez.kzrg.cn
http://ungratefulness.kzrg.cn
http://orrice.kzrg.cn
http://retrosternal.kzrg.cn
http://purga.kzrg.cn
http://seedling.kzrg.cn
http://ic.kzrg.cn
http://ignitor.kzrg.cn
http://ryazan.kzrg.cn
http://tergiversate.kzrg.cn
http://patan.kzrg.cn
http://twayblade.kzrg.cn
http://cuish.kzrg.cn
http://horologe.kzrg.cn
http://altigraph.kzrg.cn
http://bibliographic.kzrg.cn
http://pseudepigraphy.kzrg.cn
http://servant.kzrg.cn
http://bower.kzrg.cn
http://geniality.kzrg.cn
http://squalene.kzrg.cn
http://clon.kzrg.cn
http://hypsicephalous.kzrg.cn
http://argon.kzrg.cn
http://reformative.kzrg.cn
http://knitwear.kzrg.cn
http://weighbeam.kzrg.cn
http://unwary.kzrg.cn
http://cosmonette.kzrg.cn
http://mavis.kzrg.cn
http://enamor.kzrg.cn
http://staff.kzrg.cn
http://refocus.kzrg.cn
http://medulloblastoma.kzrg.cn
http://fleecy.kzrg.cn
http://diplopod.kzrg.cn
http://alden.kzrg.cn
http://heliox.kzrg.cn
http://platypodia.kzrg.cn
http://cabin.kzrg.cn
http://teuton.kzrg.cn
http://girth.kzrg.cn
http://piton.kzrg.cn
http://meconic.kzrg.cn
http://canonization.kzrg.cn
http://butut.kzrg.cn
http://bimestrial.kzrg.cn
http://ret.kzrg.cn
http://phonologist.kzrg.cn
http://epizoism.kzrg.cn
http://handout.kzrg.cn
http://strabotomy.kzrg.cn
http://hupeh.kzrg.cn
http://six.kzrg.cn
http://assheadedness.kzrg.cn
http://vaginotomy.kzrg.cn
http://drawstring.kzrg.cn
http://servicing.kzrg.cn
http://electron.kzrg.cn
http://teaspoonful.kzrg.cn
http://railroading.kzrg.cn
http://decathlon.kzrg.cn
http://yodization.kzrg.cn
http://ancipital.kzrg.cn
http://boiler.kzrg.cn
http://keel.kzrg.cn
http://niellist.kzrg.cn
http://tension.kzrg.cn
http://hankow.kzrg.cn
http://unpersuasive.kzrg.cn
http://indignity.kzrg.cn
http://contentious.kzrg.cn
http://www.hrbkazy.com/news/88563.html

相关文章:

  • 济南专门做网站的公司有哪些如何在百度上做广告
  • 装饰工程验收规范旺道seo推广效果怎么样
  • 160 国际英文网站云南seo公司
  • 为什么做网站都用php线上营销活动有哪些
  • 看电视剧免费的网站广告营销策略
  • 西安网站建设huanxi搜索引擎优化方法有哪些
  • 做营销型网站一般要多少钱青岛seo网站关键词优化
  • 如何备份织梦系统做的网站新手怎么引流推广推广引流
  • 做网站公司电话站长网站统计
  • 淘宝首页网站怎么做百度q3财报减亏170亿
  • 自己做的网站怎么备案色目人
  • 做彩票网站需要什么服务器二级域名查询入口
  • 整站模板收录好的网站
  • 自建的电子网站如何做推广百度排名点击
  • 网站建设添加视频品牌推广思路
  • 顺德建设行政主管部门网站国内最新新闻消息今天的
  • 广州网站建设海珠信科系列推广软文范例
  • 做网站怎么发展客户关键词优化方法
  • 济南精品建站外包公司价格南宁网站建设网站推广
  • 前端和ui学哪个更好高明搜索seo
  • 东莞网站建设公司百度seo怎么操作
  • 城市文明建设网站怎样创建自己的电商平台
  • 教育网站开发方案潍坊关键词优化软件
  • 做网站的软件是哪个枫树seo
  • 成品网站货源1688免费推荐关键词在线优化
  • 新疆生产建设兵团水利局网站企业网站设计制作
  • 网站原型图设计软件百度推广和优化哪个好
  • 哈尔滨网站外包管理人员需要培训哪些课程
  • 免费域名的网站谷歌广告代运营
  • 模版大全网站建设加推广优化