如何更改输入的值反应本机

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处理新值。

功能组件：

在功能组件中，我们使用钩子。为了保持和更新我们使用的文本值useState

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

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

Answer 2

您好，您可以使用此方法：

this.state = {
  email: '13119165220',
}
onChangeText={text => this.setState({ email: text })}