Я пытаюсь отфильтровать список элементов с помощью флажка, и я не знаю, как это реализовать. Путь, который я сделал, определенно не работает. Может кто-нибудь, пожалуйста, помогите мне исправить это.
Вот мой код
class CartItems extends React.Component {
state ={
cart: [],
checkedValue: []
}
componentDidMount(){
this.setState({
cart: [...this.props.cart]
});
}
handleCheckboxChange = (event) => {
//TODO: Checkbox
this.setState({
checkedValue: this.state.checkedValue.concat([event])
})
}
render() {
console.log('Checked Value', this.state.checkedValue);
return (
this.props.cart.map(item => (
<Grid
style={{ borderBottom: "1px solid #d2d2d2" }}
container
className="margin15"
>
<Grid container spacing={16} justify="center" className="cart">
<Grid container justify="flex-end" item xs={1}>
<Checkbox
onChange={this.handleCheckboxChange}
style={{ padding: "0px" }}
/>
</Grid>
Когда я консоль регистрирую проверенное значение, я получаю что-то вроде этого.
любой, пожалуйста, помогите мне решить, я понятия не имею, как реализовать пункт флажок. У меня есть список элементов, и я хочу отфильтровать элемент, который проверен. И я не могу понять, как это сделать.