react 使用 useContext 實現跨組件存取狀態

我們在傳狀態到子組件時最常用的就是props,但是如果我們的組件非常多層,不可能一層一層props傳下去,這時候就可以使用redux或是react useContext hook來實現。今天就是要來介紹:useContext

閱讀更多
0

react 在 hook 外使用 router

router 要使用時,會在hook內呼叫 useHistory 來操作,但是如果你是在其他共用的地方要觸發換頁,直接這樣使用是會出錯的。

閱讀更多
0

react 雙向綁定 input useRef

react 並不像 vue 那樣直接 v-model就可以使用了,hook中有提供一個useRef的方法,讓我們可以輕鬆取得inputvalue

閱讀更多
0

React testing-library 基本使用

使用create react app創建專案的時候,你會發現它自動幫你安裝好testing-library的一些套件。

閱讀更多
0

react + antd 改變 locale 語言

安裝 antd,默認他會幫你使用簡體中文,例如沒有table資料時,會顯示的提示文字,或者是datepicker的月份年份。每個組件都會有props可以讓你改顯示文字,但是如果是想要整個網站一起改,就可以使用ConfigProvider

閱讀更多
0

redux-toolkit 在 axios 中使用

修改 redux 狀態不會只有在頁面中,打 api 的時候也會需要,但是useDispath他只能讓你在hook中使用。

閱讀更多
0

react craco 環境變數切換

craco 在craco build的時候,會主動去找 .env.production 檔案,但是如果我想要craco build的時候是先用.env.development試試看呢?

閱讀更多
0

react 動態載入 function component

在做大型專案的時候,要切換的頁面往往會到幾十頁,這時候一般的導入頁面的寫法可能會讓你瘋掉。

閱讀更多
0

react + antd + craco 自定義主題

很久沒寫 react 了,突然發現這個多變的世界多了一個叫做 craco 的東西,不知道是幹嘛的,但是antd官網推薦要是你想要自定義主題,例如要修改他們的less,可以用 craco。

閱讀更多
0