multiple checkbox value to pass react js

Question

I can pass one checkbox value to core api.I want to select more than one.if i select two checkbox it will take only one.

Rajanikant Hawaldar · Answer

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" /> ); } } render( , document.getElementById( 'root' ));

multiple checkbox value to pass react js

Answers (1)