React-beautiful-dnd - 警告：defaultProps 将被删除

Question

我不明白我的控制台中的这个警告。 有人可以告诉我这是图书馆的问题还是我这边的错误？ 警告图片

这是我触发警告的代码

我正在使用版本 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 上没有找到任何关于此的问题。

Answer 1

警告是由库引起的。 具体来说，react-beautiful-dnd 使用的是老版本的 react-redux，它又使用了消息中提到的特性： defaultProps 。

所以通常情况下，react-beautiful-dnd 会更新它的代码以使用新版本 react-redux，然后你会更新到他们的最新版本，问题就会消失 go。 但是，由于 react-beautiful-dnd 不再开发，他们不太可能这样做。 这给您留下了几个选择：

1. 该代码仍然有效，因此您可以什么都不做。 React 警告你 defaultProps最终会停止工作，但我们还没有到那一步。 可能会破坏代码的最早版本是 React 19.0.0，但该版本甚至还没有时间表。

2. 您可以切换到与 react-beautiful-dnd 不同的库。 也许像react-draggable这样的东西对你有用，虽然我不知道你的需求是什么

3. 你可以 fork react-beautiful-dnd 并修改他们的代码来修复它。 然后您将使用代码的分叉版本而不是原始版本。