摘要:
// 定义函数组件 function HelloFn () { return <div>这是我的第一个函数组件!</div> } // 定义类组件 function App () { return ( <div className="App"> {/* 渲染函数组件 */} <HelloFn /> 阅读全文
摘要:
redux 是一个专门用于做状态管理的js库(不是react插件库) 可以用在react,angular,vue等项目中,但是基本与react配合使用(因为vue有自己的vuex) 作用:集中式管理react应用中多个组件共享的状态 什么情况下需要使用redux 某个组件的状态,需要让其他组件可以随 阅读全文
摘要:
底层原理不一样 BrowserRouter使用的是H5的history API,不兼容IE9及以下版本。 HashRouter使用的是URL的hash值 path表现形式不一样 BrowserRouter的路径中没有# HashRouter的路径有# 刷新后对路由state参数的影响 Browser 阅读全文
摘要:
withRouter 可以加工一般组件,让一般组件具备路由组件所特有的api,比如this.props.history withRouter的返回值是一个新组件 import {withRouter} from 'react-router-dom' export default withRouter 阅读全文
摘要:
编程式路由跳转 使用api,比如push等实现跳转 声明式路由跳转 使用link,navlink,a标签等,实现跳转 阅读全文
摘要:
params参数 路由链接,携带参数 <Link to={`/about/${this.state.id}`}>about</Link> 注册路由,声明接受 <Route path='/about/:id' component={About}/> 接受参数:this.props.match.para 阅读全文