React Native: Hooks - useRef - PullRequest
Новая
       13

React Native: Hooks - useRef

0 голосов
/ 04 ноября 2019

Я работал над ReactJS, но совершенно не знаком с React Native. Я пытаюсь использовать useRef для TextInput, но он не работает. 

const Playground = () =>{

  const inputName = useRef();

  const addName = e => {
    Alert.alert(inputName.current.value);  
  }

  return (
      <SafeAreaView>    
            <TextInput ref={inputName} placeholder="name"></TextInput>
            <Button title="add" onPress={addName}></Button>          
      </SafeAreaView>
  );
}

export default Playground;

С кодом, который я использую в ReactJS выше, он всегда возвращает пустую строку при нажатии кнопки на addName. Я также попытался useEffect, как показано ниже, но получил те же результаты. 

  useEffect(() => {
    if(!inputName.current) return;

    Alert.alert(inputName.current.value);

  }, [inputName.current])

Пытался выполнить поиск, но не смог найти ответ. Могу ли я использовать useRef в React Native так же, как ReactJS?

...