有父和子（組件）我想從子獲取值給父，我把函式自己扔到組件中，在子中我寫了輸入值的回傳目標
父母
const [m, setM] = useState("")
const me = (m) => {
setM(m)
console.log(m)
}
const [dey, setD] = useState("")
const de = (dey) => {
setD(dey)
}
const [y, setY] = useState("")
const ye = (y) => {
setY(y)
}
它的組件在 jsx 中連接
<CustomSelect
className="flex-1"
btnClass="inp"
checkedOpt={dey}
options={d}
de={de}
/>
<CustomSelect
className="flex-1 ms-2 ms-xxl-4"
btnClass="inp"
checkedOpt={m}
options={month}
me={me}
/>
<CustomSelect
className="flex-1 ms-2 ms-xxl-4"
btnClass="inp"
checkedOpt={y}
options={years}
ye={ye}
/>
孩子
const handleChange = (e) => {
props.de(e.target.value);
props.me(e.target.value);
props.ye(e.target.value);
}
jsx
<input
type="radio"
name="type"
value={item}
checked={(item === props.checkedOpt)}
onChange={handleChange}
/>
uj5u.com熱心網友回復：
由于 props.me 沒有傳遞給每個組件，您只需要檢查它是否作為函式傳遞：
const handleChange = (e) => {
props.de?.(e.target.value);
props.me?.(e.target.value);
props.ye?.(e.target.value);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/461564.html
標籤：javascript 反应 反应式