How to store values of selected checkboxes in array in React js?

I make table contain students names, and checkbox for every row in the table, I want so store the students names that checked in the (students) array. How can I do that?

const [data, setData] = useState([]);  
    const [students, setStudents] = useState([]);  

    
  useEffect(() => {  
    Axios  
        .get("http://localhost:3003/studentsnotinsections")  
        .then(result => setData(result.data));  
}, []);  

console.log(students)
return(
  <div>
 <table className="table" >  
                <thead className="thead-dark">  
                    <tr>  
                        <th scope="col">Name</th>  
                    </tr>  
                </thead>  
                <tbody>                      
                    {data.map((item, id) => {  
                        return <tr key={id}>
                            <td>{item.FullName}</td> 
                            <td><input type="checkbox" /></td> 
                        </tr>  
                    })}  
                </tbody>  
            </table>
  </div>
)}

>Solution :

Did you try simply adding onclick function to your checkbox?

const Compon = () => {
  const [data, setData] = useState([]);  
  const [students, setStudents] = useState([]);  
  
      
  useEffect(() => {  
    Axios  
        .get("http://localhost:3003/studentsnotinsections")  
        .then(result => setData(result.data));  
  }, []);  
  const addOrRemove = (name) => {
    const newStudents = [...students];
    const index = newStudents.indexOf(name);
    if (index === -1) {
      newStudents.push(name);
    } else {
      newStudents.splice(index, 1);
    }
    setStudents(newStudents);
    console.log(students)
  }
  
  return(
    <div>
     <table className="table" >  
        <thead className="thead-dark">  
            <tr>  
                <th scope="col">Name</th>  
            </tr>  
         </thead>  
        <tbody>                      
            {data.map((item, id) => {  
                return <tr key={id}>
                    <td>{item.FullName}</td> 
                    <td><input type="checkbox" onClick={() => addOrRemove(item.FullName)} /></td> 
                </tr>  
            })}  
        </tbody>  
      </table>
     </div>
  )
  }