Компонент React js Material UI Switch в цикле

Я пытаюсь создать систему посещаемости и использую компонент переключения из пользовательского интерфейса React material (ссылка: https://material-ui.com/api/switch/).

Как я могу циклически переключать компонент в цикле, чтобы каждый переключатель кнопки переключения действовал как каждая строка таблицы? Ниже мой блок кода. Любая помощь? В настоящее время, когда я переключаю один переключатель, все переключатели внутри петель переключаются автоматически.

constructor(props) {
    super(props);
    this.state = {
        checkedB: false,
    }
    this.handleClassChange = this.handleClassChange.bind(this);
}

handleChangeEvent = name => event => {
    this.setState({ [name]: event.target.checked });
};

 {

  this.state.students.map((post, i) => (
  <TableRow key = {i} className = "tblFont">
  <TableCell scope = "row">
  {post.ROLLNO}
  </TableCell>
  <TableCell>
  {post.STNAME}
  </TableCell>
  <TableCell>
      <Switch key = {this.state[i]}
         checked = {this.state.i}
         onChange = {this.handleChangeEvent('checkedB')}
         value = "checkedB"
         color = "primary"
      />
  </TableCell>
</TableRow>
    ))
}