Closed Charlesdoiron closed 2 months ago
Hello merci pour le feedback.
J'ai testé rapidement avec ce code je n'ai pas rencontré le souci que tu mentionnes :
function onSubmit(event: FormEvent<HTMLFormElement>) {
event.preventDefault();
const formData = new FormData(event.currentTarget);
const incidentDeviceTypes = formData.getAll('IncidentDeviceType');
console.log(incidentDeviceTypes);
}
et dans le jsx :
<form onSubmit={onSubmit}>
<Checkbox
legend="Que ne pouvez-vous pas faire ?"
options={[
{
label: "Appeler ou envoyer des SMS",
nativeInputProps: {
name: "IncidentDeviceType",
value: "MOBILE",
},
},
{
label: "Accéder à internet",
nativeInputProps: {
name: "IncidentDeviceType", // Ajouter des crochets
value: "INTERNET",
},
},
]}
/>
<Button type="submit">Soumission</Button>
</form>
Tu me confirmes ?
Hello @ddecrulle , je te comfirme que ça marche correctement, c'est donc un soucis de compréhension chez moi du formData. Je vais trouver un moyen de récupérer les id des toutes les checkbox dynamiquement.
Merci !
Bonjour ! Un grand bravo pour cette lib qui fait gagner un temps fou. Je rencontre un problème stupide de checkbox et je voudrais un avis avant de me lancer dans un truc plus compliqué ! En gros j'utilise des checkbox avec plusieurs options. Je passe par un form html et sa method onSubmit. Pas de lib, juste du html.
Mon soucis est simple, si je séléctionne plusieurs options, seule la dernière est sauvé dans le state du form.
la checkbox:
le form:
Si je coche l'option Internet et l'option Mobile, une seule est postée par le form et non les deux.
Y'a t-il quelque chose que je loupe ? Est ce que je dois mettre des handlers sur les onChange de toutes les options ? Merci et avec plaisir pour mettre la doc à jour