摘要：
// 定義函數組件 function HelloFn () { return <div>這是我的第一個函數組件!</div> } // 定義類組件 function App () { return ( <div className="App"> {/* 渲染函數組件 */} <HelloFn /> 閱讀全文
posted @ 2022-08-31 11:45
社會優先于個人
閱讀(25)
評論(0)
推薦(0)
摘要：
redux 是一個專門用于做狀態管理的js庫（不是react插件庫） 可以用在react，angular，vue等項目中，但是基本與react配合使用（因為vue有自己的vuex） 作用：集中式管理react應用中多個組件共享的狀態 什么情況下需要使用redux 某個組件的狀態，需要讓其他組件可以隨 閱讀全文
posted @ 2022-08-30 15:06
社會優先于個人
閱讀(41)
評論(0)
推薦(0)
摘要：
底層原理不一樣 BrowserRouter使用的是H5的history API，不兼容IE9及以下版本。 HashRouter使用的是URL的hash值 path表現形式不一樣 BrowserRouter的路徑中沒有# HashRouter的路徑有# 刷新后對路由state參數的影響 Browser 閱讀全文
posted @ 2022-08-30 12:01
社會優先于個人
閱讀(96)
評論(0)
推薦(0)
摘要：
withRouter 可以加工一般組件，讓一般組件具備路由組件所特有的api，比如this.props.history withRouter的返回值是一個新組件 import {withRouter} from 'react-router-dom' export default withRouter 閱讀全文
posted @ 2022-08-30 11:06
社會優先于個人
閱讀(20)
評論(0)
推薦(0)
摘要：
編程式路由跳轉 使用api，比如push等實現跳轉 聲明式路由跳轉 使用link，navlink，a標簽等，實現跳轉 閱讀全文
posted @ 2022-08-30 10:53
社會優先于個人
閱讀(69)
評論(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
社會優先于個人
閱讀(27)
評論(0)
推薦(0)
摘要：
正常情況下，path和component是一一對應的關系 switch可以提高路由匹配效率（單一匹配） 閱讀全文
posted @ 2022-08-26 08:49
社會優先于個人
閱讀(32)
評論(0)
推薦(0)
摘要：
一般組件 只有傳值，props才會有值 路由組件 不傳值，props也會有默認的一些值 props有個children屬性，就是路由組件的內容體 閱讀全文
posted @ 2022-08-26 08:46
社會優先于個人
閱讀(19)
評論(0)
推薦(0)
浙公網安備 33010602011771號