useId - UniqueID

Kai reikia unikalaus ir jis nesvarbus.

Pvz: spaudzant ant label, suveiks fokusas. Negalima naudoti static, nes inputai gali kartotis

function FormField() {
  const id = useId()
  return (
    <div>
      <label htmlFor={id}>Name: </label> 
      <input id={id} type="text" />
    </div>
  )
}

id=":r0:" - sugeneruos tokiu formatu

Jeigu reikia taisikles id generavimo

createRoot(rootEl, {identifierPrefix: 'tilt-root'}).render(<App />)

createRoot (container: Container, options?: RootOptions | undefined): Root
createRoot lets you create a root to display React components inside a browser DOM node.
- API Reference for createRoot @see-

id=":tilt-rootr0:" - sugeneruos tokiu formatu

Input id pavizdys

• <input {... inputProps} id={id} /> - jeigu id nenurodytas naudos sugeneruota

function Field({
  label,
  ... inputProps
}: {
  label: string
} & React.Component Props<'input'>) {
  const id = useId()
  return (
    <div>
      <label htmlFor={id}>{label}</label>
      <input {... inputProps} id={id} />
    </div>
  )
}

Kitoks pvz

function Field({
  label,
  id
  ... inputProps
}: {
  label: string
} & React.Component Props<'input'>) {
  const generatedId = useId()
  id ??= generatedId
  return (
    <div>
      <label htmlFor={id}>{label}</label>
      <input {... inputProps} id={id} />
    </div>
  )
}