语义ui反应从复选框中获取多个选中值

Question

我试图允许用户使用 semantic-ui-react 和我在 react 中检查 react 中复选框的所有值。这是我的代码

class ListHandOver extends React.Component {
   state = {
     data: {}
   }

   handleChange = (e, data) => {
      console.log(data);
      this.setState({ data });
   }

   render(){
       const { listdata } = this.props;
       return(
         <div>
            { listdata.map(order => 
                <Checkbox
                   slider
                   id={order.orderid}
                   checked = { this.state.data.id === order.orderid }
                   onChange={this.handleChange}
                /> 
            )}
         </div>
       );
   }
}

ListHandOver.propTypes = {
   listdata: PropTypes.array.isRequired
}

export default ListHandOver;

但我只能检查一个值而不是多个值。如何允许用户选中多个复选框？

谢谢

Answer 1

制作一个全局数组，并通过全局数组索引勾选复选框的值。