社会优先于个人

2022年8月31日

摘要： // 定义函数组件 function HelloFn () { return <div>这是我的第一个函数组件!</div> } // 定义类组件 function App () { return ( <div className="App"> {/* 渲染函数组件 */} <HelloFn /> 阅读全文

posted @ 2022-08-31 11:45 社会优先于个人阅读(23) 评论(0) 推荐(0)

2022年8月30日

redux

摘要： redux 是一个专门用于做状态管理的js库（不是react插件库）可以用在react，angular，vue等项目中，但是基本与react配合使用（因为vue有自己的vuex）作用：集中式管理react应用中多个组件共享的状态什么情况下需要使用redux 某个组件的状态，需要让其他组件可以随阅读全文

posted @ 2022-08-30 15:06 社会优先于个人阅读(40) 评论(0) 推荐(0)

BrowserRouter和HashRouter的区别

摘要：底层原理不一样 BrowserRouter使用的是H5的history API，不兼容IE9及以下版本。 HashRouter使用的是URL的hash值 path表现形式不一样 BrowserRouter的路径中没有# HashRouter的路径有# 刷新后对路由state参数的影响 Browser 阅读全文

posted @ 2022-08-30 12:01 社会优先于个人阅读(94) 评论(0) 推荐(0)

withRouter

摘要： withRouter 可以加工一般组件，让一般组件具备路由组件所特有的api，比如this.props.history withRouter的返回值是一个新组件 import {withRouter} from 'react-router-dom' export default withRouter 阅读全文

posted @ 2022-08-30 11:06 社会优先于个人阅读(19) 评论(0) 推荐(0)

编程式路由跳转

摘要：编程式路由跳转使用api，比如push等实现跳转声明式路由跳转使用link，navlink，a标签等，实现跳转阅读全文

posted @ 2022-08-30 10:53 社会优先于个人阅读(68) 评论(0) 推荐(0)

向路由组件传递参数

摘要： params参数路由链接，携带参数 <Link to={`/about/${this.state.id}`}>about</Link> 注册路由，声明接受 <Route path='/about/:id' component={About}/> 接受参数：this.props.match.para 阅读全文

posted @ 2022-08-30 10:04 社会优先于个人阅读(23) 评论(0) 推荐(0)

2022年8月26日

switch组件的使用

摘要：正常情况下，path和component是一一对应的关系 switch可以提高路由匹配效率（单一匹配）阅读全文

posted @ 2022-08-26 08:49 社会优先于个人阅读(32) 评论(0) 推荐(0)

一般组件和路由组件

摘要：一般组件只有传值，props才会有值路由组件不传值，props也会有默认的一些值 props有个children属性，就是路由组件的内容体阅读全文

posted @ 2022-08-26 08:46 社会优先于个人阅读(18) 评论(0) 推荐(0)

2022年8月18日

spa单页面应用

摘要：只有一个html文件点击页面的链接不会刷新页面，只会做局部更新阅读全文

posted @ 2022-08-18 23:42 社会优先于个人阅读(9) 评论(0) 推荐(0)

函数参数占位

摘要：函数的参数都固定了，但是并不用这个参数，可以用个下划线占个位 (_,data)=>{ } 阅读全文

posted @ 2022-08-18 20:44 社会优先于个人阅读(41) 评论(0) 推荐(0)