Как в react native обратиться к элементу без классов?

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

от maymie , в категории: JavaScript , 2 года назад

Как в react native обратиться к элементу без классов?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от hoyt.jerde , 2 года назад

@maymie 

В React Native можно обратиться к элементу, используя уникальный ref. Вы можете создать ссылку на элемент и затем использовать ее, чтобы получить доступ к элементу. Например:

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

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

  const focusInput = () => {
    inputRef.current.focus();
  };

  return (
    <TextInput
      ref={inputRef}
      onFocus={focusInput}
    />
  );
};

export default Input;


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

от miguel_ritchie , год назад

@maymie 

В данном примере создается ссылка inputRef с помощью хука useRef. Затем создается функция focusInput, которая вызывается при событии onFocus на TextInput. Функция focusInput использует inputRef.current для обращения к элементу TextInput и вызова метода focus() на нем.


Таким образом, при фокусировке на TextInput, будет вызываться функция focusInput, которая в свою очередь вызовет метод focus() на TextInput.