I have checkboxes and I want to save in useState hooks the modified value made by the user. By default the current state is fixed and the checkbox is filled if my_value === 1, elif 0 unfilled. But if my user decides to uncheck it, how can I store this action. (if unchecked the value is 0).

Same idea with dropdown, the default value is fixed. The user can change the Taste( Good/Medium/Bad)or the Comments ((0/4....4/4)). For now I get only the current state.

export default function Display() {
    ...
    //For my checkboxes 
    const [availability, setAvailability] = useState(item.values[0].availability)
    ...
    const [trust, setTrust] = useState(item.values[0].trust)

    //For my dropdowns 
    const [taste, setTaste] = useState(item.taste)
    ...
    const [comments, setComments] = useState(rule.comments)

    function Checkbox({ value }) {
        const [checked, setChecked] = useState(value);

        return (
            <label>
                <input
                    type="checkbox"
                    checked={checked}
                    onChange={() => setChecked(checked => !checked)}
                />
                {value}
            </label>
        );
    }

    return (
        <div>
            <div>
                Availability :  <Checkbox value={!!availability} />
            </div>
            ....           
            <div > 
                Taste : <Dropdown style={styles.select} options={TASTE} defaultValue={LIKELIHOOD.find((t) => t.label === item.taste)} />
            </div>
             ...
        </div >
    );
}