react-native - 使用 useState 反应原生表单
问题描述
反应原生形式。保持相同的格式 React.useState 并更新输入。在反应中可以做到这一点。可以在本机反应中做吗?
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.useState 并更新输入。在反应中可以做到。在反应原生中可以做到吗?)
解决方案
是的!它应该可以正常工作!只需 import useState
,您的代码中缺少它。
推荐阅读
- c - “定义”不是 C99 中的保留关键字或宏名称吗?
- spring - 如何在配置类中定义 'com.amazonaws.services.s3.AmazonS3' 的 bean 类型?
- jupyter-notebook - 我在 jupyter 中做了一个程序。它显示类型错误缺少 1 个位置参数“y”
- sql-server - Flyway 错误 - 当我运行 migrate 命令时。我得到“无法计算校验和”
- java - 什么 JavaMail 实现与 open jdk 8 一起使用
- spring - 使用 JPA 时的 Spring Boot “schema.sql”
- javascript - 将值添加到数组中的对象
- android - 如何在我们的 Android 应用程序的 ListView 中显示谷歌日历的事件?
- excel - Office 365 VBA 错误 53 找不到 DLL 文件
- c# - 带有 Docket 的 NuGet 无法加载源的服务索引