分享兴趣,传播快乐,增长见闻,留下美好!
亲爱的您,这里是LearningYard新学苑。
今天小编为大家带来知识集|网络营销(六),欢迎您的访问。
Share interests, spread happiness, increase knowledge, and leave a good legacy!Dear you, this is The LearningYard Academy.Today Xiaobian brings you the Knowledge Collection | Network Marketing (65), welcome to your visit.
?组件安装方法与过程:
Component installation method and process:
react-router:是路由的基本,就像路由器一样去管理网络及给每个接入进来的用户分发ip,是一个大容器 包裹着路由,HashRouter它是通过hash值来对路由进行控制。如果你使用HashRouter,你的路由就会默认有这个#。BrowerserRouter它的原理是使用HTML5 history API (pushState, replaceState, popState)来使你的内容随着url动态改变的,如果放在二级目录下给BrowerserRouter增加个属性。
React-router: It is the basis of routing, just like a router to manage the network and distribute ip to every incoming user. It is a big container that wraps the routing, and HashRouter controls the routing through the hash value. If you use HashRouter, your route will have this # by default. BrowserErrorIts principle is to use HTML5History API (Push State, Replace State, Pop State) to make your content dynamically change with the url. If you put it in the secondary directory, add an attribute to BrowerserRouter.
Route:控制路径对应显示的组件,标签属性有exact、path以及component,exact 是严格匹配,控制匹配到/路径时不会再继续向下匹配,path 是标识路由的路径,/path/:id路由参数,component 则表示路径对应显示的组件。
Route: the control path corresponds to the displayed component, and the label attributes are exact, path and component. exact is a strict match, and the control will not continue to match down when it matches/path. Path is the path that identifies the route, /path/:id is the routing parameter, and component indicates the component displayed correspondingly.
Link和NavLink?:两者都是可以控制路由跳转的,NavLink的api更多,Link标签有to属性,to可以接受string或者一个object,来控制url,NavLink它可以为当前选中的路由设置类名、样式以及回调函数等。
Link and NavLink: both of them can control the route jump. NavLink has more APIs, and the Link tag has to attribute. to can accept string or an object to control the url. NavLink can set the class name, style and callback function for the currently selected route.
search参数:路由链接(携带参数):
<Link to='/demo/detail?name=Summy&age=18'}>详情</Link>
注册路由(无需声明,正常注册即可):
<Route path="/demo/detail" component={Detail}/>
接收参数:this.props.location.search
备注:获取到的search是urlencoded编码字符串,需要借助url解析。
Search parameters: routing link (with parameters):
<Link to='/demo/detail? Name=Summy&age=18'} > Details < /Link >
Register the route (no need to declare, just register normally):
<Route path="/demo/detail" component={Detail}/>
Receiving parameter: this.props.location.search
Note: the obtained search is a urlencoded string, which needs to be parsed by url.
今天的分享就到这里了。如果您对今天的文章有什么独特的想法,欢迎评论留言,让我们相约明天,祝您今天过得开心快乐!
That's it for today's sharing. If you have any unique ideas for today's article, please leave a comment, let us meet tomorrow, I wish you a happy day!
翻译:Google翻译
本文由LearningYard新学苑原创,如有侵权,请联系删除。
文字&排版|橙猫猫
审核|李焕