React-beautiful-dnd中defaultProps移除警告问题求助

问题原因 #

这个警告不是你的代码错误，是react-beautiful-dnd 13.1.1版本内部的问题——该版本的Droppable组件仍在使用React已废弃的defaultProps特性，而React（尤其是React 18及以上版本）会对这类用法抛出警告。

解决方案 #

• 升级库版本：如果项目允许，直接升级react-beautiful-dnd到最新稳定版（后续版本已移除defaultProps的使用，适配了React新规范）。执行命令：

  npm update react-beautiful-dnd
  # 或 yarn upgrade react-beautiful-dnd
  

• 临时屏蔽警告：如果暂时无法升级，可在项目入口文件（如index.js）中添加过滤逻辑：

  const originalConsoleWarn = console.warn;
  console.warn = (...args) => {
    if (typeof args[0] === 'string' && args[0].includes('defaultProps will be removed')) {
      return;
    }
    originalConsoleWarn.apply(console, args);
  };
  

  注意：该方式会屏蔽所有同类警告，仅建议临时使用。

代码验证 #

你提供的代码本身没有问题，Droppable和Draggable的用法完全符合官方规范，无需修改业务代码。

内容的提问来源于stack exchange，提问作者Anthony Zink