#045 USEID

import React, { useId } from 'react'

export default function App(){

    const id1 = useId()
    const id2 = useId()

    return (
        <div>
            <h1>React - useID</h1>
            <hr />
            <form action="#" method='post'>
                <div>
                    <input type="checkbox" name="check_masculino" id={id1} />
                    <label htmlFor={id1}>Masculino</label>
                </div>

                <div>
                    <input type="checkbox" name="check_feminino" id={id2} />
                    <label htmlFor={id2}>Feminino</label>
                </div>

            </form>
        </div>
    )
}