REACT相關配置

2021-10-12 16:01:59 字數 1147 閱讀 9612

const


=require


('customize-cra');


const path =


require


('path'


)module.exports =


override


(fixbabelimports


('import',)


,addwebpackalias()


);
customize-cra是乙個庫，用yarn add引入即可，fixbabelimports是配置antd-mobile庫的相關**， addwebpackalias就是配置路徑名的，這樣配置後，以後引入assets的東西就直接from 『assets/…』，而不用一直』…/…/…/』

引用components的檔案就直接from 『@/檔名』

首先用json-server模擬資料放在埠8080，react專案啟動在3000，

所以在react中的node_modules中的react-scripts檔案中的config中的webdevserver.config.js檔案中配置proxy,

proxy:}}


,
這樣再啟動伺服器就可以通過http://localhost:3000/api/hotcate獲取到我們放在埠9000的資料。

但中間加個api, 如果後台的埠並沒有api，就會增加以後獲取資料的難度。故要去掉中間的api,

首先先配置乙個檔案，

在你下次啟動json-server -w ***.js -p 9000 時，中間加個 -r ***.json自定義路由，這樣就解決了。

即使還有api，但他會通過我們寫的json自動匹配成/hotcate。

react路由相關

在react router4.0版本中我們不要安裝react router這個外掛程式，我們要使用react router dom這個外掛程式 react router 基礎包react router dom 基於瀏覽器端的路由 對react router和react router dom的理解 r...

react 入門相關思考

宣告式開發 只關心資料，不操作 dom，面向資料開發單向資料流 父元件可以個子元件傳遞資料，子元件只能使用，不能做出改變等操作子元件想改變資料，必須從父元件 傳遞乙個父元件的方法來執行，最終還是 執行父元件的方法 可以和其他框架並存 react 只作用於其元件掛載的指定 id 的html 上，不影響...

react 渲染相關問題

1 三元運算子 1 const mycomponent 23 45 please sign in 67 89 有幾點需要注意。因為我們使用了箭頭函式的單語句形式，所以隱含了return語句。另外，使用三元運算子允許我們省略掉重複的標記。2 運算子 當什麼都不應該渲染時，會渲染乙個0。所以，當對非布林...