前言
- 本篇文章基于實(shí)際項(xiàng)目總結(jié)的技術(shù)知識點(diǎn),需要了解一點(diǎn)基礎(chǔ)知識娃磺,沒有了解過的可以參考之前寫的http://www.reibang.com/p/040da8e83b7e文章彪薛,附帶開源代碼奉芦。
- 關(guān)于本文所用的技術(shù)棧其馏,均會有單篇文章去分析(帶個人理解)多望。
- dva官方網(wǎng)站 https://www.cnblogs.com/crazycode2/p/8997355.html
- umi網(wǎng)站 https://umijs.org/zh-CN/docs/load-on-demand
【學(xué)習(xí)步驟】
一:下載官方示例 ant-design-pro嫩舟,了解基本寫法邏輯。
二:自行設(shè)計關(guān)于項(xiàng)目內(nèi)的需求開發(fā)邏輯便斥。
前言知識小點(diǎn)(我剛?cè)胧挚垂倬W(wǎng)案例不懂的知識點(diǎn)匯總)
- umi組件 -- FormattedMessage 實(shí)現(xiàn)動態(tài)添加placeholder內(nèi)容至壤,可用于展示表單數(shù)據(jù)內(nèi)容。
id為讀取數(shù)據(jù)字段
defaultMessage為初始默認(rèn)值
{
title: <FormattedMessage id="pages.searchTable.titleDesc" defaultMessage="描述" />,
dataIndex: 'desc',
valueType: 'textarea',
},
2.umi組件 -- useIntl 國際化語言枢纠, 用于配置多語言項(xiàng)目
import { useIntl } from 'umi';
const intl = useIntl();