我有一個螢屏有TextInput's. 我正在嘗試TextInput通過 API 將這些值插入資料庫。當在不輸入的情況下提交時TextInput，我會使用 中顯示的值資料TextInput，但使用下面的代碼，我會不斷得到field is required status: 422。
const pressHandle = ({ name, userid }) => {
axios
.post(userPostLink, {
name,
userid,
})
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.log(error.response);
});
};
<TextInput onChangeText={(text) => setUsername(text)} placeholder="username" value="steve" />
<TextInput onChangeText={(text) => setEventid(text)} placeholder="userid" value="fle91739" />
<TouchableOpacity onPress={() => pressHandle({ name, userid })}>
<Text style={{ color: "blue" }}>Submit</Text>
</TouchableOpacity>
uj5u.com熱心網友回復：
首先你想改變一點你的 JSX，defaultValue用來設定這些默認值。
<TextInput
onChangeText={text => setUsername(text)}
placeholder="username"
value={name}
defaultValue="steve"
/>
<TextInput
onChangeText={text => setEventid(text)}
placeholder="userid"
value={userid}
defaultValue="fle91739"
/>
并將您的pressHandle, 更改為：
const pressHandle = ({ name, userid }) => {
axios
.post(userPostLink, {
name: name || "steve",
userid: userid || "fle91739",
})
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.log(error.response);
});
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/493297.html
標籤：javascript 反应 反应式