Хук useId

Хук useId використовується для генерації унікальних ідентифікаторів, які можна передавати атрибутам доступності полів форми. Не приймає жодних параметрів. Повертає унікальний рядок ідентифікатора. HTML-атрибут for тегу label, який в React представлений jsx-атрибутом htmlFor, допомагає асистивним технологіям, связуючи поле і label за ідентифікатором.

import { useId } from "react";

const MyComponent = () => {
  const id = useId();

  return (
    <div>
      <label htmlFor={id}>Text field label</label>
      <input type="text" id={id} />
    </div>
  );
};