由于 react useState 像佇列一樣作業，所以我在訪問子組件傳遞給父組件的資料時遇到問題。
輸入.js
const Input = (props) => {
const [isValid, setIsValid] = useState(false);
const [value, setValue] = useState("");
<input id={props.id} className="self-start justify-self-start border-gray-400 border-solid border rounded shadow"
name={props.name}
type={props.type}
onChange={(e) => {
let valid = isNaN(value);
setIsValid(valid);
props.handleChange(e, valid);
}}/>
}
parent.js包含一個從子組件訪問資料的函式
const handleChange = (e, valid) => {
setFormData({
...formData,
[addr.name]: { value: e.target.value, isValid: valid },
});
};
父組件始終獲取輸入組件的先前有效性。在子組件的狀態更改后，是否有任何其他方式可以立即將資料傳遞給具有最新狀態的父組件。
uj5u.com熱心網友回復：
根據輸入欄位的當前值更新回呼valid中的引數。handleChange
onChange={(e) => {
let valid = isNaN(e.target.value);
setIsValid(valid);
props.handleChange(e, valid);
}}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/414883.html
標籤：
上一篇：反應路由器domv6Auth