React native 使用useState对本机表单进行反应

以自然形式反应。保持相同的格式React.useState并更新输入。在react中，这样做是可能的。在react native中可以做什么

 import React from "react";
import { View, StyleSheet } from "react-native";
import { Input, Text, Button } from "react-native-elements";
import Spacer from "../Spacer";
const RegisterScreen = () => {
  const [formData, setFormData] = React.useState({
    name: "",
    email: "",
    password: ""
  });
  const { name, email, password } = formData;

  const handleChange = name => e => {
    setFormData({ ...formData, [name]: e.target.value });
  };
  return (
    <View style={styles.container}>
      <Spacer>
        <Text h4 style={styles.header}>
          Register
        </Text>
      </Spacer>
      <Spacer>
        <Input
          label="Name"
          value={name}
          onChangeText={() => handleChange("name")}
        />
      </Spacer>
      <Spacer>
        <Input
          label="Email"
          value={email}
          onChangeText={() => handleChange("email")}
        />
      </Spacer>
      <Spacer>
        <Input
          label="Password"
          value={password}
          onChangeText={() => handleChange("password")}
        />
      </Spacer>
      <Spacer>
        <Button title="Sign Up" />
      </Spacer>
    </View>
  );
};
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    marginBottom: 150
  },
  header: {
    textAlign: "center"
  }
});

export default RegisterScreen;

从“React”导入React；
从“react native”导入{View，StyleSheet}；
从“react native elements”导入{Input，Text，Button}；
从“./间隔器”导入间隔器；
常量注册表屏幕=（）=>{
常量[formData，setFormData]=React.useState({
姓名：“，
电邮：“，
密码：“
});
const{name，email，password}=formData；
const handleChange=name=>e=>{
setFormData（{…formData，[名称]：e.target.value}）；
};
返回(
登记
handleChange（“名称”）}
/>
handleChange（“电子邮件”）}
/>
handleChange（“密码”）}
/>
);
};
const styles=StyleSheet.create({
容器：{
弹性：1，
辩护内容：“中心”，
marginBottom:150
},
标题：{
textAlign：“居中”
}
});
导出默认注册表屏幕；

---

（React-native表单。保持相同的格式React.useState并更新输入。在React中可以这样做。在React-native中可以这样做吗？

是的！它应该很好用！只需导入

useState

，这在代码中缺失