antd(螞蟻金服使用過程中遇到的小坑

2021-09-29 09:06:29 字數 1911 閱讀 5067

一、版本(^

2.5.2)

1、引入antd.css(^

2.5.2)

import react,

from

'react'

import

'antd/dist/antd.css'

function

corelayout()

<

/div>

<

/div>)}

export

default

corelayout(1

).可能會出現壓縮執行不成功問題 比如:in.

/~/css-loader!./

~/style-loader!./

~/css-loader?sourcemap!./

~/postcss-loader!./

~/antd/dist/antd.css module build failed: unknown word(5

:1)`其實是因為 在webpack.config中沒有設定好css引入的目錄,因為預設情況下我們只會引入/src/目錄下的css,

但是antd的官方教程是要衝node_modules目錄去引入的

所以webpackconfig.module.loaders.

push()

2、時間設定方式(datepicker)(^

2.5.2)

'begincreatetime'

value=

onchange=

size=

'default'

/>

// 需要注意項: 1.datapicker的value或者defaultvalue都只接受 moment物件或者接受null

// 傳入 null表示空值

// 控制項本身自帶的刪除時間按鈕可以清空pickerdate的值,我們手動傳入null也能清空pickerdate的值

3、defaultexpandallrows=

不起作用(github討論位址) (^

2.6.0)

應該是類似value和defaultvalue的相似問題,而這個裡defaultexpandallrows

就是像defaultvalue那樣 只在第一次渲染的時候起作用

而很多時候我們的資料初始是空的

解決方案如下

datasource=

defaultexpandallrows=

indentsize=

/>

:'暫無資料'

}//保證有資料的時候再渲染table

3、設定在樹形table中設定 colspan出現排版異常(demo)(^

2.6.0)

目前的解決方案是給相應的tr和td加指定的類

(1)設定跨行

const columns =

[ obj.children =

<

/span>

if(***)

}return obj

}....}]

(2)第(1)個方案 可能在預設展開狀態下是沒有什麼問題的

但是一旦 收起來 或者展開樹形結構 就可能有問題

這個時候就要結合

const

onexpand

=(expaned, record)

=>

// 然後 render函式中根據 ischildexpand來動態設定是否需要跨行 正常來說 收起來的時候是不需要跨行的,所以 設定colspan = 0

const columns =

[ obj.children =

<

/span>

if(*** && ischildexpand)

}return obj

}

Spring data Jpa使用過程中遇到的坑

一定要注意如果我們在實體類中沒有配置資料表的預設值,那麼在存入和取出的時候應該設定。否則在取出的時候就會出現問題。如何通過一方獲取到多方實體 jsp中 jsp資料夾與上面servlet對映名最好不要一致,這樣會出問題 注意!乙個實體類的表id名字請設定為id,保證不出錯。問題分析 解決方法 其實一般...

element ui dialog使用過程中的坑

場景一 我們將dialog寫成乙個可復用的公共元件用於顯示不同內容 如 操作中的修改或新增的彈窗 之後發現dialog的遮罩將彈出層 點選修改或新增後理應由乙個彈窗顯示出來 都蓋住了,而我想要的效果是遮罩只遮住舊的視窗,而當前視窗應該完全顯示 注 是使用easyui的panel和window來包裹的...

Glide使用過程中遇到的坑

專案之前使用的載入庫是universal image loader,但是此庫已經好久不維護了,同時也發現了更加不錯的載入庫,也就是glide,用起來很方便並且記憶體佔用量還很令人滿意,所以決定大刀闊斧的將之前的載入庫換成glide。但是在換使用者頭像相關模組的時候發現問題了,就是載入網路時第一次載入...