我有相當簡單的問題。
我不知道為什么我的 useState 函式不會改變狀態 -> props
onChangeText={(text) => {
setProps({ ...props, inputValue: text });
}}
我在這里宣告我的狀態：
const [props, setProps] = useState({
pageNumber: 2,
inputValue: "",
});
提前致謝！
uj5u.com熱心網友回復：
prevState更新程式功能接收到的資料保證是最新的。它是對應用更改時組件狀態的參考。官方檔案
onChange={(event) => {
setProps(prevState => {
return { ...prevState, inputValue: event.target.value }
});
}}
此外，如果您input只是使用本機事件onChange而不是自定義onChangeText
uj5u.com熱心網友回復：
你寫的是“ onChangeText”而不是“ onChange”。而且，它為您提供事件物件而不是文本本身。應該是這樣的：
<input onChange={(event) => {
setProps({ ...props, inputValue: event.target.value });
}} />
uj5u.com熱心網友回復：
你做的事情是正確的，沒有任何問題。
您需要將您的狀態值傳遞給輸入
import { useState } from "react";
export default function App() {
const initialState = {
pageNumber: 2,
inputValue: ""
};
const [props, setProps] = useState(initialState);
const textInputChangeHandler = (e) => {
setProps({ ...props, inputValue: e.target.value });
};
return (
<div className="App">
<input
value={props.inputValue}
type="text"
onChange={textInputChangeHandler}
/>
</div>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/403683.html
標籤：
上一篇：反應本機firebase/admobiOSpod安裝問題
下一篇：在.htaccess中使用別名