How to write dynamic checkboxes using react redux. Actually, I want to show up in the last Row when we click all checkboxes it shows up in the last row hyperlink.
When we select all checkboxes and show up the last link row part of the below code. If we uncheck the last row will hide.
Here I am using react-bootstrap. Please help with this
<div>
<Row>
<Col>
<h1 >
test
</h1>
</Col>
</Row>
{orders.map((order, index) => (
<Row className="mt-4" key={index}>
<Col>
<Form.Check
type="checkbox"
label={order.name}
name={order.name}
onChange ={handleChange}
/>
</Col>
</Row>
))}
<Row className="mt-4">
{isAllChecked && (
<Col>
<h2l>
<strong>test?</strong>
</h2>
</Col>
)}
</Row>
<Row>
{isAllChecked && (
<Col>
<Link to="/test3" style={{ color: '#009540', fontSize: '20px' }}>
click here
<FontAwesomeIcon
icon={faArrowRight}
style={{ color: '#009540', marginBottom: '-3px' }}
/>{' '}
</Link>
</Col>
)}
</Row>
</div>