В этом задании вы потренируетесь при помощи ref управлять элементами дочернего компонента. Перед вами простой компонент App, он включает в себя компонент Input и кнопку Подписаться. В свою о

Вопрос пользователя:

В этом задании вы потренируетесь при помощи ref управлять элементами дочернего компонента. Перед вами простой компонент App, он включает в себя компонент Input и кнопку Подписаться. В свою очередь сам компонент Input состоит из элементов label и input. Вам необходимо: при обновлении страницы автоматически ставился фокус на поле ввода, то есть на элементе input; после нажатия на кнопку Подписаться фокус пропадал из элемента input. Чтобы выполнить задание, необходимо использовать ref, который должен передаваться из компонента App в компонент Input.

Ответ нейросети:

Пройдите быструю авторизацию для просмотра:

import React, { useRef } from 'react';

const Input = React.forwardRef((props, ref) => {
  return (
    <div>
      <label>Введите ваше имя:</label>
      <input ref={ref} />
    </div>
  );
});

const App = () => {
  const inputRef = useRef(null);

  const handleSubscribe = () => {
    inputRef.current.blur();
  };

  return (
    <div>
      <Input ref={inputRef} />
      <button onClick={handleSubscribe}>Подписаться</button>
    </div>
  );
};

export default App;

Напишите нам, если в вопросе есть ваши персональные данные (yasnoponyatno24@yandex.ru)

ЯсноПонятно24

Пройдите быструю авторизацию для просмотра:

Пройдите быструю авторизацию для просмотра:

Последние вопросы: