react 实现左边列表移动到右边列表

效果如图：

具体代码：

import React, { Component } from "react"


class Main extends Component {

    constructor(props) {
        super(props);
        this.state = {
            checkboxItems: [
                { content: "A ", checked: false },
                { content: "B ", checked: false },
                { content: "C ", checked: false },
                { content: "D ", checked: false },
                { content: "E ", checked: false },
                { content: "F ", checked: false },
                { content: "G ", checked: false },
                { content: "H ", checked: false },
                { content: "I ", checked: false },
                { content: "J ", checked