dimanche 15 mai 2022

Force one selection checkboxe with REACT

how can I force only one check among multiple checkboxes ? For now I can select A, B and C but I only want to select ONE choice no more.

Here is my code :

const TabContent = ({ name, typeText }) => {
    const [a, setA] = useState(false)
    const [b, setB] = useState(false)
    const [c, setC] = useState(false)

    function handleChange(e) {
        e.preventDefault()
    }
    return (
        <form onSubmit={handleChange} >
            {a}
            {b}
            {b}
            <input type="checkbox" onChange={(e) => setA(!a)} />  <label> A </label>
            <input type="checkbox" onChange={(e) => setB(!b)} /> <label>B</label>
            <input type="checkbox" onChange={(e) => setC(!C)} /> <label>C</label>
        </form>
        {
        (a || b) ?
            (<div>
                <p className="mt-6 py-1">My choices </p>
                <SafeAreaView>
                    <TextInput
                        onChangeText={(value) => setText(value)}
                        value={text}
                    />
                </SafeAreaView>
            </div >
            )
            : ('')
        }
        {
            c?
                (...)
        }
        </div >
    );
};



Aucun commentaire:

Enregistrer un commentaire