Как сохранить value чекбокса и передать его в санку?

Question

[Dolerum]

Здравствуйте.
Есть массив с именами и айдишниками. Нужно по клику на чекбоксы все что с `value` приходит - передавать в функцию.
Но проблема в том, что если я нажимаю несколько чекбоксов сразу, то мне нужно собрать value с каждого чекбокса и передать в кач-ве аргументов функции. То есть где-то хранить результаты нажатия по чекбоксам, а не так, чтобы event постоянно сбрасывался.
Не знаю как это сделать.
В общем вот примерный начальный код.

const Component = (props) => {
const handleChange = (e) => {
    if(e.target.checked) {
        return props.requestFunction(e.target.value)
    }
}

return (
<div key={props.massive.id}>
<input value={props.massive.id} id={props.massive.name} onChange={handleChange} checked={props.massive.active} type="checkbox"/>
<label htmlFor={props.massive.name}>
{props.massive.name}
</label>
</div>
)
}

const mapStateToProps = state => ({
    requestFunction: requestFunction(state)
});
  


export default connect(mapStateToProps, {requestFunction: requestFunction})(Component);

Comments

[Петр Мухуров]

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

[Dolerum]

Петр Мухуров, кстати спасибо за совет. именно так и сделал.