Interactive Button Group - Copy this Html, Bootstrap Component to your project

Create a group of button, each button display a number: const BuzaiButton = ({ initData, onClick }) => { const [buzai, setBuzai] = React.useState({ buzai_id: initData.buzai_id, buzai_no: initData.buzai_no, }); const [isBetsu, setIsBetsu] = React.useState(initData.is_betsu || false); const handleClick = (e) => { e.preventDefault(); onClick(); } return ( <button id={buzai.buzai_id} name={buzai.buzai_id} type='button' className={isBetsu ? 'btn btn primary mar 5px' : 'btn btn secondary mar 5px'} onClick={(e) => handleClick(e)} > {buzai.buzai_no} </button> ); }