react-dnd[5] react-draggable[6] react-dropzone[7] 通过npm_trend得知,react-dropzone独占鳌头。 所以,我们就选用react-dropzone作为我们的拖拽解决方案。 拖拽组件 既然,材料和食谱都已经确定,那我们就需要烹饪我们的膳食了。 这是react-dropzone的语法,这里也不在过多解释。 查看react-dropzone的使用方式,其实我们还缺少input的处理。用于接收getInputProps 但是,在上面代码中我们丝毫没看到关于input和getInputProps的处理。 结合,在第二节中我们使用react-dropzone处理文件拖拽时,也需要一个<input/>接收返回的getInputProps属性。
文件上传 react-dropzone 邮件 react-email Mailing mjml 拖拽 react-beautiful-dnd 是最受欢迎的 React 拖拽库。
in React react-masonry-mixin - 用于砌体的独立混合物(@desandro) react-packery-mixin - 独立混合用于Packery(Metafizzy) react-dropzone