Добавить или удалить данные на основе состояния флажка в реакции 15

Question

У меня есть пустой массив в моем состоянии, где я буду sh до pu sh проверенных данных из списка. Я использую Material-UI для реагирования 15 (пожалуйста, не просите меня обновить до реагирования 16, поскольку это не вариант для моего проекта).

Я хочу извлекать sh данные в массиве каждый раз, когда я проверяйте его и извлекайте данные каждый раз, когда флажок снят.

Может кто-нибудь объяснить мне логическую часть того, как я собираюсь его реализовать.

Это то, чем я был до сих пор.

constructor(props) {
super(props);
this.state = {
  checkedCompaniesList: [],
};

}

<Checkbox onCheck={() => this.handleCheckedCompanies(company.name)}>

  handleCheckedCompanies = (value) => {
const companies = [...this.state.checkedCompaniesList];
console.log('>>>>>Before push>>>>>', companies);

companies.push(value);

console.log('<<<<<After push<<<<<<<', companies);

this.setState({
  checkedCompaniesList: companies,
});

console.log('<<<<<<<state array<<<<<', this.state.checkedCompaniesList);

}

Проблема в том, что я получаю значения в массиве компаний, но setState, похоже, не работать как задумано.

Кроме того, снятие флажка снова помещает тот же элемент в массиве компаний.

Я хочу собрать sh данные в массиве компаний и установить состояние для checkCompaniesList, и удаляйте данные всякий раз, когда пользователь снимает их.