所以怎样实现列表点击整行上下移动?

前段时间做一个项目有,实现可以手动进行任务顺序调整,那么怎样实现呢!
于是就有了下文,react中bootstrap和react-flip-move实现列表动画效果上下移动

详情见github源码:https://github.com/smileyqp/flipMove

• 全局安装react

sudo npm install -g create-react-app

• 应用创建

create-react-app hello-world

• 添加sass支持

npm install node-sass --save

• 打包项目

npm run build

• bootstrap安装

npm install bootstrap

• 引用bootstrap样式等

import 'bootstrap/dist/css/bootstrap.css';

• 安装bulma(bulma使用方式和bootstrap一样)

npm install bulma

• 安装react-flip-mov的js库(用于js动画效果；适合于列表动画切换)

npm install react-flip-move