Tengo un objeto de artículos que estoy mapeando.
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> ))}Mi problema es cuando paso la propiedad marcada de esta manera
No puedo seleccionar uno donde el valor checked es false por defecto
Debería haber un atributo marcado para usar eso.
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> ))}