[英]React-beautiful-dnd - warning : defaultProps will be removed
我不明白我的控制台中的這個警告。 有人可以告訴我這是圖書館的問題還是我這邊的錯誤? 警告圖片
這是我觸發警告的代碼
我正在使用版本 13.1.1
<DragDropContext onDragEnd={handleDrop}>
<Droppable droppableId="list-container" >
{(providedA: any) => (
<div {...providedA.droppableProps} ref={providedA.innerRef}>
{steps.map((step, index) => {
return <Draggable key={step.id} draggableId={step.id.toString()} index={index}>
{(provided: any) => (
<div ref={provided.innerRef} {...provided.dragHandleProps} {...provided.draggableProps}>
<div>{step.title}</div>
</div>
)}
</Draggable>
})}
{providedA.placeholder}
</div>
)}
</Droppable>
</DragDropContext>
謝謝
我試圖刪除代碼,發現是導致問題的 Droppable 元素。 我在 React-beautiful-dnd 的 github 上沒有找到任何關於此的問題。
警告是由庫引起的。 具體來說,react-beautiful-dnd 使用的是老版本的 react-redux,它又使用了消息中提到的特性: defaultProps 。
所以通常情況下,react-beautiful-dnd 會更新它的代碼以使用新版本 react-redux,然后你會更新到他們的最新版本,問題就會消失 go。 但是,由於 react-beautiful-dnd 不再開發,他們不太可能這樣做。 這給您留下了幾個選擇:
該代碼仍然有效,因此您可以什么都不做。 React 警告你 defaultProps最終會停止工作,但我們還沒有到那一步。 可能會破壞代碼的最早版本是 React 19.0.0,但該版本甚至還沒有時間表。
您可以切換到與 react-beautiful-dnd 不同的庫。 也許像react-draggable這樣的東西對你有用,雖然我不知道你的需求是什么
你可以 fork react-beautiful-dnd 並修改他們的代碼來修復它。 然后您將使用代碼的分叉版本而不是原始版本。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.