HumanData для форм

Возможности

Пример интеграции

// React: форма с подсказками ФИО
import { useState, useEffect } from 'react';
import { useDebouncedValue } from '@/hooks/useDebounce';

function RegistrationForm() {
  const [name, setName] = useState('');
  const [suggestions, setSuggestions] = useState([]);
  const debouncedName = useDebouncedValue(name, 150);

  useEffect(() => {
    if (debouncedName.length >= 2) {
      fetch(`https://api.humandata.ru/v1/suggest/name?query=${debouncedName}`, {
        headers: { 'Authorization': 'Bearer YOUR_API_KEY' }
      })
        .then(r => r.json())
        .then(data => setSuggestions(data.suggestions));
    }
  }, [debouncedName]);

  return (
    <div>
      <input
        value={name}
        onChange={e => setName(e.target.value)}
        placeholder="Начните вводить имя..."
      />
      {suggestions.length > 0 && (
        <ul className="suggestions">
          {suggestions.map(s => (
            <li key={s.value} onClick={() => setName(s.value)}>
              {s.value}
            </li>
          ))}
        </ul>
      )}
    </div>
  );
}