如何使用react.js在使用或不使用插件的情况下实现水平和垂直拖放?

Mad*_*pop 5 javascript drag-and-drop reactjs

我正在尝试使用表单上的功能来使用拖动重新排序字段,我必须从上到下、从下到上、从左到右和从右到左重新排序字段的位置(单个元素) 。

我面临的问题是我已将字段划分为单独的组件,例如dropdown.jsxradio.jsx,并且我无法将状态从子级提升到父级。另外,有什么方法可以水平和垂直应用拖动功能(任何插件或...)?

Sod*_*aab 0

你的问题涉及面很大。简而言之,有2种解决方案,

  • 在我的一个项目中,我使用了这个库,它非常好。 https://www.npmjs.com/package/react-draggable

  • 我不确定你的代码库。但我认为你没有使用 React 上下文来更新状态。上下文将能够正确更新状态。

谢谢