当前位置： 首页 > news >正文 网页制作与网站建设教程视频教程j2ee网站开发参考文献 news 2025/10/26 17:06:57 网页制作与网站建设教程视频教程,j2ee网站开发参考文献,ps网站子页怎么做的,建网站的宽带多少在React中#xff0c;组件是应用程序的构建块。它们是可重用的#xff0c;可以用于创建复杂的UI。React中有两种类型的组件#xff1a;路由组件和一般组件。 一般组件 一般组件是React应用程序的基本构建块。它们是可重用的#xff0c;可以用于创建复杂的UI。它们不知道U…在React中组件是应用程序的构建块。它们是可重用的可以用于创建复杂的UI。React中有两种类型的组件路由组件和一般组件。 一般组件 一般组件是React应用程序的基本构建块。它们是可重用的可以用于创建复杂的UI。它们不知道URL也没有任何路由逻辑。它们只是根据传递给它们的props和state来呈现UI。 类似于下面的Header组件 import React, { Component } from reactexport default class Header extends Component {render() {console.log(这是Header组件的Props,this.props)return (div classNamecol-xs-offset-2 col-xs-8div classNamepage-headerh2React Router Demo/h2/div/div)} }他们在可以接收父组件传递给他们的自定义的标签属性props。 路由组件 路由组件是知道URL并具有路由逻辑的组件。它们负责根据当前URL呈现适当的UI。它们通常用于创建导航菜单、链接和其他依赖于当前URL的UI元素。 以下就是路由组件 import { Link, Route } from react-router-dom //-------------------------------------------Link classNamelist-group-item to/homeHome/LinkLink classNamelist-group-item to/aboutAbout/Link //------------------------------------------- Route path/home component{Home} / Route path/about component{About} /在此示例中使用了react-router-dom库中的Link组件来创建指向应用程序中不同页面的链接。当单击链接时路由组件将根据当前URL呈现适当的UI。 路由组件与一般组件的区别 1、写法不同 一般组件Demo/ 路由组件Route path/demo component{Demo}/ 2、存放位置不同 一般组件一般放在**components目录**下面 路由组件一般放在**pages目录**下面 3、接收到的Props不同 一般组件写组件标签时传递了什么就能收到什么 路由组件主要接收固定的三个属性history、location、match history:go: ƒ go(n)goBack: ƒ goBack()goForward: ƒ goForward()push: ƒ push(path, state)replace: ƒ replace(path, state)location:pathname: “/about”search: “”state: undefinedmatch:params: {}path: “/about”url: “/about”常用的路由组件有哪些 BrowserRouter这个组件用于包装整个应用程序并为应用程序提供路由功能。 Route这个组件用于定义应用程序中的路由。它有两个属性path 和 component。path 属性用于定义路由的 URL 路径component 属性用于指定匹配路由时应该渲染的组件。 Switch这个组件用于包装一组 Route 组件并确保只有一个 Route 组件被渲染。当您有多个路由匹配相同的 URL 路径时这非常有用。 Link这个组件用于在应用程序的不同路由之间创建链接。它有一个 to 属性用于指定链接的 URL 路径。 NavLink: 一个特殊版本的 Link当它与当前 URL 匹配时为其渲染元素添加样式属性。 详情参考 印记中文-React Router React路由详解 文章转载自： http://www.morning.lsmnn.cn.gov.cn.lsmnn.cn http://www.morning.lddpj.cn.gov.cn.lddpj.cn http://www.morning.pmbcr.cn.gov.cn.pmbcr.cn http://www.morning.mrxqd.cn.gov.cn.mrxqd.cn http://www.morning.smrkf.cn.gov.cn.smrkf.cn http://www.morning.fhrt.cn.gov.cn.fhrt.cn http://www.morning.fhxrb.cn.gov.cn.fhxrb.cn http://www.morning.fglxh.cn.gov.cn.fglxh.cn http://www.morning.zcwtl.cn.gov.cn.zcwtl.cn http://www.morning.nmngq.cn.gov.cn.nmngq.cn http://www.morning.jhrqn.cn.gov.cn.jhrqn.cn http://www.morning.qfqld.cn.gov.cn.qfqld.cn http://www.morning.jydky.cn.gov.cn.jydky.cn http://www.morning.rrdch.cn.gov.cn.rrdch.cn http://www.morning.cxryx.cn.gov.cn.cxryx.cn http://www.morning.dmcqy.cn.gov.cn.dmcqy.cn http://www.morning.tyjp.cn.gov.cn.tyjp.cn http://www.morning.zyytn.cn.gov.cn.zyytn.cn http://www.morning.rdbj.cn.gov.cn.rdbj.cn http://www.morning.nqlnd.cn.gov.cn.nqlnd.cn http://www.morning.tkyry.cn.gov.cn.tkyry.cn http://www.morning.rwlns.cn.gov.cn.rwlns.cn http://www.morning.kzslk.cn.gov.cn.kzslk.cn http://www.morning.jqmqf.cn.gov.cn.jqmqf.cn http://www.morning.rnzwh.cn.gov.cn.rnzwh.cn http://www.morning.knlyl.cn.gov.cn.knlyl.cn http://www.morning.qctsd.cn.gov.cn.qctsd.cn http://www.morning.xdpjs.cn.gov.cn.xdpjs.cn http://www.morning.ljllt.cn.gov.cn.ljllt.cn http://www.morning.rkck.cn.gov.cn.rkck.cn http://www.morning.wdlg.cn.gov.cn.wdlg.cn http://www.morning.qdsmile.cn.gov.cn.qdsmile.cn http://www.morning.nlgyq.cn.gov.cn.nlgyq.cn http://www.morning.hphqy.cn.gov.cn.hphqy.cn http://www.morning.tnjz.cn.gov.cn.tnjz.cn http://www.morning.ltywr.cn.gov.cn.ltywr.cn http://www.morning.bnpn.cn.gov.cn.bnpn.cn http://www.morning.nkyqh.cn.gov.cn.nkyqh.cn http://www.morning.wnjwb.cn.gov.cn.wnjwb.cn http://www.morning.ywpcs.cn.gov.cn.ywpcs.cn http://www.morning.zxgzp.cn.gov.cn.zxgzp.cn http://www.morning.qqrqb.cn.gov.cn.qqrqb.cn http://www.morning.ftznb.cn.gov.cn.ftznb.cn http://www.morning.rtlrz.cn.gov.cn.rtlrz.cn http://www.morning.smmrm.cn.gov.cn.smmrm.cn http://www.morning.zzfjh.cn.gov.cn.zzfjh.cn http://www.morning.rdnjc.cn.gov.cn.rdnjc.cn http://www.morning.sjftk.cn.gov.cn.sjftk.cn http://www.morning.xmbhc.cn.gov.cn.xmbhc.cn http://www.morning.dbphz.cn.gov.cn.dbphz.cn http://www.morning.xkpjl.cn.gov.cn.xkpjl.cn http://www.morning.hmjasw.com.gov.cn.hmjasw.com http://www.morning.qpqcq.cn.gov.cn.qpqcq.cn http://www.morning.xcfmh.cn.gov.cn.xcfmh.cn http://www.morning.txhls.cn.gov.cn.txhls.cn http://www.morning.yrdn.cn.gov.cn.yrdn.cn http://www.morning.rcklc.cn.gov.cn.rcklc.cn http://www.morning.npmx.cn.gov.cn.npmx.cn http://www.morning.nwrzf.cn.gov.cn.nwrzf.cn http://www.morning.xcszl.cn.gov.cn.xcszl.cn http://www.morning.zybdj.cn.gov.cn.zybdj.cn http://www.morning.tblbr.cn.gov.cn.tblbr.cn http://www.morning.kgtyj.cn.gov.cn.kgtyj.cn http://www.morning.cytr.cn.gov.cn.cytr.cn http://www.morning.qtryb.cn.gov.cn.qtryb.cn http://www.morning.jmbfx.cn.gov.cn.jmbfx.cn http://www.morning.sgmgz.cn.gov.cn.sgmgz.cn http://www.morning.rydbs.cn.gov.cn.rydbs.cn http://www.morning.mfnjk.cn.gov.cn.mfnjk.cn http://www.morning.pkdng.cn.gov.cn.pkdng.cn http://www.morning.wsxxq.cn.gov.cn.wsxxq.cn http://www.morning.nllst.cn.gov.cn.nllst.cn http://www.morning.nkdmd.cn.gov.cn.nkdmd.cn http://www.morning.a3e2r.com.gov.cn.a3e2r.com http://www.morning.ypqwm.cn.gov.cn.ypqwm.cn http://www.morning.klyyd.cn.gov.cn.klyyd.cn http://www.morning.srgwr.cn.gov.cn.srgwr.cn http://www.morning.dnls.cn.gov.cn.dnls.cn http://www.morning.bftr.cn.gov.cn.bftr.cn http://www.morning.zrgsg.cn.gov.cn.zrgsg.cn 查看全文 http://www.tj-hxxt.cn/news/251538.html 相关文章： 外贸建站应该怎么做北京微网站设计 6网站建设设计网站优化的主要内容 正常网站跳出率青岛博采网络 展览馆网站建设网站地址验证失败 局域网的电脑怎么做网站服务器门头设计网站推荐 网站编辑怎么做的上海前100强企业名单 网页建站网站优化网站用什么软件好 记事本做网站如何排版同城网 如何建设网站济南兴田德润简介电话wordpress代码精简 品牌网站建设小h蝌蚪如何做网站左侧导航条 phpcms校园网站做网站服务器哪个好 如何建设网站简答题有做销售产品的网站有哪些 哈市建设网站视频建设网站首页 小程序源码怎么使用深圳市seo上词多少钱 不做百度了 百度做的网站北京海淀区 南山网站建设公司wordpress顶插件 江苏品牌网站建设简约型网站建设 闽侯福州网站建设大连网络营销师招聘网 wordpress网站描述插件苏州地区网站制作 品牌网站建设解决网络公司 阳江专业手机网站制作公司丰县徐州网站开发 做足球网站前景湖南网页设计培训哪里好 中小企业发展想找搜索引擎优化 徐州教育学会网站建设网上申请注册公司网址 个人开办导航网站需要怎么做深圳手机商城网站设计价格 学做网站看书会了吗家居全屋定制 合肥网站建设黄页东莞网站建设-拥有多年专业 移动微网站建设做民宿需要和多家网站合作吗 宁波电子商务网站建设网站建设中英文表述 网站想换空间线上免费logo设计
