在上下文中设置对象状态

Question

我是 React 和 React Native 的新手，正在尝试了解一些事情。我希望有人可以向我解释我在这里做错了什么。我有一个对象，我试图用 onChangeText 设置自变量的值。该对象通过

处理数据

const { data, updateUserDetails} = useContext(MembershipContext);

在表单域中

<TextInput
    style={styles.inputStyle}
    placeholder="First Name"
    value={data.userDetails.fname}
    onChangeText={(val) => updateUserDetails('fname', val)}
/>

并且在上下文文件中

const updateUserDetails = (field, val) => {
    setUserDetails([
        ...userDetails.field, val
    ]);
};

我正在尝试更新此状态

const [userDetails, setUserDetails] = useState({
    fname: '',
    lname: '',
    address: '',
    city: '',
    state: '',
    zip: '',
    email: '',
    phone: '',
    password: '',
});

我希望这足以分析。任何帮助将不胜感激

Answer 1

再见，我认为你的问题在于你如何调用 setUserDetails。尝试将其替换为：

const updateUserDetails = (field, val) => {
    setUserDetails({
        ...userDetails, [field]: val
    });
};

问题应该解决了。

在上下文中设置对象状态

Setting Object State in Context

react-native

react-context

react-native-state