Как передать react.createref компоненту textarea?

Пользователь

от guillermo , в категории: JavaScript , 7 месяцев назад

Как передать react.createref компоненту textarea?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от dan_farrell , 6 месяцев назад

@guillermo 

Для передачи ref в компонент textarea в React вы можете использовать атрибут ref для ссылки на элемент textarea.


Пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
import React, { useRef } from 'react';

function MyTextarea() {
  const textareaRef = useRef(null);

  function handleSubmit(event) {
    event.preventDefault();
    console.log(textareaRef.current.value);
  }

  return (
    <form onSubmit={handleSubmit}>
      <textarea ref={textareaRef} />
      <button type="submit">Submit</button>
    </form>
  );
}


В этом примере мы создаем ссылку textareaRef с помощью хука useRef. Затем мы передаем эту ссылку как атрибут ref компоненту textarea.


Когда форма отправляется, мы получаем значение текстового поля, используя textareaRef.current.value.


Обратите внимание, что textareaRef.current может быть null при первом рендеринге, поэтому мы должны использовать проверку на null или установить начальное значение для textareaRef при его создании.