首页 > 解决方案 > 在不使用 useState 的情况下实时反应本机读取的 TextInput 值

问题描述

TextInput这是使用onChangeTextprop读取值的常用方法。这样,您可以访问value任何地方:

import React, { Component } from 'react';
import { TextInput } from 'react-native';
export default function UselessTextInput() {
  const [value, onChangeText] = React.useState(‘’);
  return (
    <TextInput
      onChangeText={text => onChangeText(text)}
      value={value}
    />
  );
}

但是,我不需要存储value状态。我只想实时读取值(使用类似:

const ref = useRef();
ref.current.value <== simply use this

为什么我需要这个: 我上面提到的常见方式非常缓慢且效率低下。您键入的每个字符都会导致状态更新。更重要的是,如果你使用 RxJs,就不可能使用通用方法,它会改变你的 observable 的行为。

如何在TextInput不使用useStateand的情况下读取值onChangeText

标签: javascriptreactjsreact-nativereact-hooks

解决方案


推荐阅读