如何将拖放代码重构和简化为更小的块
How to refactor and simplify a Drag-And-Drop code into smaller chunks
我使用 react-beautiful-dnd 创建了一个原型拖放功能组件。但是，我对代码的长度（如 250 行）不太满意，我认为它应该更好地破解。
请在 this sandbox 下找到此示例。我想听听大家的重构建议，我如何将“右栏”拆分成一个单独的功能组件，需要携带什么样的道具和事件以及如何？？
提前致谢。
地理位置
好的，为了完整性和向后参考，我将回答我自己的问题:)
我实际上在想，需要在拆分功能组件中提供任何 DrapDropContext 参数：不需要。
要点是能够在这些“外包组件”之间携带数据对象和完整性，使用上下文是解决方案。 DrapDropContext 只是处理事件的任何行为细节。
感谢您的阅读。
地理位置
我使用 react-beautiful-dnd 创建了一个原型拖放功能组件。但是，我对代码的长度（如 250 行）不太满意，我认为它应该更好地破解。
请在 this sandbox 下找到此示例。我想听听大家的重构建议，我如何将“右栏”拆分成一个单独的功能组件，需要携带什么样的道具和事件以及如何？？
提前致谢。 地理位置
好的，为了完整性和向后参考，我将回答我自己的问题:)
我实际上在想，需要在拆分功能组件中提供任何 DrapDropContext 参数：不需要。
要点是能够在这些“外包组件”之间携带数据对象和完整性，使用上下文是解决方案。 DrapDropContext 只是处理事件的任何行为细节。
感谢您的阅读。 地理位置