I have object of items whitch i am mapping
const paymentMethods = [
{
name: 'Blik',
checked: true
},
{
name: 'Przelewy24',
checked: false
}
]
{paymentMethods.map((el) => (
<PaymentContainer>
<Label>{el.name}</Label>
<RadioButton type="radio" name="payment" value={el.name} onClick={(e) => handleSetPayment(e)} checked={el.checked} />
</PaymentContainer>
))}
My problem is when i passing checked property this way
I can't select one where checked value is default false
There should be a checked attribute use that.
const paymentMethods = [
{
name: 'Blik',
checked: true
},
{
name: 'Przelewy24',
checked: false
}
]
{paymentMethods.map((el,i) => (
<PaymentContainer key={i}>
<Label>{el.name}</Label>
<RadioButton type="radio" name={el.name} value={el.name} onClick={(e) => handleSetPayment(e)} checked={el.check}/>
</PaymentContainer>
))}