multiple checkbox value to pass react js

import React, { Component } from 'react';
import { render } from 'react-dom';
class App extends Component {
constructor() {
super();
this.state = {
categories: [
{id: 1, value: "Angular"},
{id: 2, value: "React"},
{id: 3, value: "PHP"},
{id: 4, value: "Laravel"}
],
checkedItems: new Map()
};
this.handleChange = this.handleChange.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
}
handleChange(event) {
var isChecked = event.target.checked;
var item = event.target.value;
this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, isChecked) }));
}
handleSubmit(event) {
console.log(this.state);
event.preventDefault();
}
render() {
return (
Examples of Multiple Checkbox in React
this.handleSubmit}>
{
this.state.categories.map(item => (
type="checkbox"
value={item.id}
onChange={this.handleChange}
/> {item.value}
))
}
"submit" value="Submit" />

1 Reply

Know the answer? Post it — somebody with the same question will find it here.