這篇文章主要為大家展示了“使用antd的Descriptions報(bào)錯warning怎么辦”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“使用antd的Descriptions報(bào)錯warning怎么辦”這篇文章吧。

創(chuàng)新互聯(lián)長期為1000多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為拱墅企業(yè)提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站建設(shè)，拱墅網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

需求上要求一行展示2個內(nèi)容，我使用了antd的Descriptions組件。image.png。

Descriptions.Item進(jìn)行遍歷

貼代碼：

`

<Cardstyle={{marginBottom:'15px'}}size='small'>

<Descriptionstitle="訂單基本信息">

{

baseOrderMsg.map(item=>{

const{title,desc,id}=item

return(

<Descriptions.Itemkey={id}label={title}span={2}>{desc}</Descriptions.Item>

)

})

}

</Descriptions>

</Card>

`

設(shè)置span={2}頁面可以實(shí)現(xiàn)一行展示2個內(nèi)容但控制臺有warning提示：

react_devtools_backend.js:6Warning:[antd:Descriptions]SumofcolumnspaninalineexceedscolumnofDescriptions.

image.png

應(yīng)該如何修改才可以既不報(bào)提示錯誤，也可以實(shí)現(xiàn)一行展示2個內(nèi)容呢？

Descriptions怎么解決

antdcolmun默認(rèn)值為3

span={2}寫了兩個，運(yùn)算時估計(jì)是兩個的值求和了，超過了colmun默認(rèn)值

多寫了一個span={2}去掉一個就可以了

因?yàn)檠h(huán)時每一項(xiàng)span={2}，這個還需要看baseOrderMsg這個數(shù)組的長度，這幾警告就是超出了Descriptions的column的長度，column默認(rèn)為3，想要一行展示兩個內(nèi)容，則需要將column設(shè)置為4，<Descriptionstitle="訂單基本信息"column={4}>

以上是“使用antd的Descriptions報(bào)錯warning怎么辦”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章標(biāo)題：使用antd的Descriptions報(bào)錯warning怎么辦-創(chuàng)新互聯(lián)
地址分享：http://www.rwnh.cn/article38/cedisp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、服務(wù)器托管、營銷型網(wǎng)站建設(shè)、做網(wǎng)站、ChatGPT、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)