【问题标题】:TextInput show values from get Api and after update show new values in react nativeTextInput 显示来自 get Api 的值,更新后显示反应原生的新值
【发布时间】:2021-08-13 00:01:40
【问题描述】:

我有一个从中检索数据的 API,并且我在我的输入值中设置数据,用户应该能够编辑这些输入并更新,但是当我尝试输入输入时它不会' t 键入任何内容,值保持不变。更新数据有发布请求。

                         <TextInput 
                            style={styles.mailInput}
                            mode={'outlined'}
                            label={'First *'}
                            selectionColor={'#000'}
                            theme={{ colors: {primary: '#D3D3D3'}}}
                            onChangeText={text => setProfile({...editprofile, firstName: text })}
                            placeholder="First Name"
                            value={editprofile.firstName}
                         />


                         const [editprofile, setProfile] = React.useState({
                          company: "",
                          gstNo: "",
                          firstName: "",
                          lastName: "",
                          phone: "",
                          email: "",
                          cinNo: "",
                          state: "",
                          city: "",
                          pincode: "",
                          address: "",
                       });

当用户打开个人资料屏幕时,它将使用 get 请求从 api 获取值。如果用户想要更新任何字段,他/她可以在该文本输入中输入新值并单击更新按钮。 update 调用一个 handleUpdate 函数,该函数使用对 api 的发布请求来更新数据。更新后的新值显示在相同的文本输入上。那么它将如何完成???我在 react native 中使用了钩子和功能组件。

用于获取数据的“getdata”是状态变量。我正在使用 const [getdata, setGetData] = React.useState([]);

【问题讨论】:

    标签: react-native axios react-hooks react-native-textinput


    【解决方案1】:

    看我的例子,

    const [description, setDescription] = useState("")
    
    <TextInput
        value={description}
        onChangeText={(text) => setDescription(text)} />
    

    你的流程应该是,

    调用 API > 获取数据 > 存储数据(即状态变量中的描述) > 更新相同的变量

    【讨论】:

    • 我已经尝试过了。但不要发生任何事情。
    猜你喜欢
    • 2017-09-27
    • 2022-01-08
    • 2021-08-20
    • 2015-12-31
    • 1970-01-01
    • 2021-01-21
    • 2016-04-18
    • 2018-02-26
    • 2021-03-15
    相关资源
    最近更新 更多