學習了一系列的react基礎知識。接下來要實踐乙個小專案加強鞏固下。
本專案**放在github：react_cnode專案**傳送門
craco-antd包括：支援less 通過craco-less; babel-plugin-import 按需引入antd; 很方便的方式去配置主題
yarn add @craco/craco craco-less craco-antd antd這有乙份所有主題配置列表檔案自定義主題有2種方式:
一. 根目錄下的檔案 antd.customize.less 中配置
在你的檔案根目錄下新建檔案 antd.customize.less
@primary-color: #1da57a;
@link-color: #1da57a;
在你的檔案根目錄下新建檔案 craco.config.js
const cracoantdesignplugin =
require
("craco-antd");
module.exports =}}
]};
@import '~antd/dist/antd.less';
import react from
'react'
;import
from
'antd'
;import
;const=(
)=>
(>
"primary"
>button<
/button>
<
/div>);
export
仿寫頁面-cnode官網
cnode資料-官方開放api
reduxversion2 使用redux + hooks: 改造class元件為funciton元件。示例homelist.js
store 資料傳遞 useselector :const = useselector(state => state.home);介面actions改造成自定義hook, 返回乙個函式: actions.js
在頁面的 useeffect 裡邊定義介面useeffect(() => , [page, type]);元件內狀態用 usestate 定義const [page, setpage] = usestate(1);來自路由的引數 useparams 獲取const = useparams();
react從零開始 五
1 在本地起服務的時候,官方腳手架預設的是埠是3000,這樣也就意味的如果3000埠被占用,就無法啟動另乙個專案,這時候只需要修改package.json檔案的中的 start set port 4000 react scripts start 增加了set port 埠號 像上面這樣就不會產生衝突...
從零開始學習react
react.createlement tag,content class shoppinglist extends react.component return 我們可以把兩者結合起來，使 react 的 state 成為 唯一資料來源 渲染表單的 react 元件還控制著使用者輸入過程中表單發生的...
零開始學python 從零開始學Python
第1章 python入門 1 1 1 什麼是python 1 1 2 python語言有什麼特點 2 1 3 python可以幹什麼 4 練一練 5 第2章 準備開發環境 6 2 1 在windows上安裝python開發環境 6 2 2 選擇和安裝開發工具 11 練一練 17 第3章 基本概念 1...