在react本机中单击提交按钮后，即可清除文本输入数据

在React Native中，当你点击提交按钮后想要清除文本输入数据，可以通过控制组件的状态（state）来实现。以下是具体的步骤和示例代码：

基础概念

State：在React中，state是组件内部的数据存储，当state改变时，组件会重新渲染。
TextInput：React Native提供的用于输入文本的组件。
Button：React Native提供的用于触发事件的按钮组件。

类型

受控组件：文本输入框的值由state控制，每次输入变化都会更新state。

应用场景

表单提交：在用户提交表单后，通常需要清空输入框以便用户进行新的输入。

示例代码

import React, { useState } from 'react';
import { View, TextInput, Button, StyleSheet } from 'react-native';

const App = () => {
  const [text, setText] = useState('');

  const handleSubmit = () => {
    // 在这里处理提交逻辑
    console.log('Submitted text:', text);
    // 清空输入框
    setText('');
  };

  return (
    <View style={styles.container}>
      <TextInput
        style={styles.input}
        value={text}
        onChangeText={(newText) => setText(newText)}
        placeholder="Enter text"
      />
      <Button title="Submit" onPress={handleSubmit} />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    padding: 20,
  },
  input: {
    height: 40,
    borderColor: 'gray',
    borderWidth: 1,
    marginBottom: 10,
    paddingHorizontal: 10,
  },
});

export default App;