android - 如何更改输入的值 react native

Question

抱歉，我是 React Native 的新手，想知道如何更改当前输入值？

在我的情况下，如果我直接在 input 中输入一个新词，前一个词或值中的前一个值将继续出现，而不会更改或替换新的。

Answer 1

类组件:

将输入的值保存在包含此 TextInput 组件的组件的状态中。

class ParentComponent extends React.Component {
  constructor (props) {
    super(props)
    this.state = { queryText: '' }
  }

  handleInputTextChange = (newText) => {
    this.setState({ queryText: newText })
  }

  render () {
    return (<View>
      <TextInput 
        onChangeText={this.handleInputTextChange} 
        value={this.state.queryText}
      />
    </View>)
  }
}

请注意我是如何使用 onChangeText 和 handleInputTextChange 来处理新值的。

功能组件:

在功能组件中，我们使用了钩子(Hook)。我们使用 useState

来保存和更新文本值

export default () => {
  const [text, setText] = useState("");

  return <TextView value={text} onChangeText={setText} />;
};