Semantic ui react get multiple checked values from checkbox

Question

Im trying to allow user to checked all values from checkbox in react with semantic-ui-react and Im new in react . Here's my code

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;

But I only can check one values not multiple. How to allow user to check multiple checkbox?

Thanks

Answer 1

创建一个全局数组，并通过全局数组索引取消选中复选框的值。