提问人：Sriji 提问时间：8/9/2023 更新时间：8/9/2023 访问量：15
如何存储两个不同字段的值，如日期字段、下拉列表，并相应地在文本字段中更新
how to store value from two different fields like Date field, dropdown and accordingly update in the text field
问：
要求：文本字段中的值“fieldA”需要根据日期字段“fieldB”的选择和月份下拉字段“fieldC”的选择进行更新。示例：如果选择了日期 01/01/2023 并选择了下拉列表的 2 个月，则在文本字段“fieldA”中，它应更新为 01/03/2023。即它应该在现有日期的基础上增加月份。如果日期字段或月份字段更改，则应将其更新为文本字段“fieldA”。
我是 React 和 NextJS 的新手，并坚持要继续前进。
我试图在useState中存储值，但它对我不起作用，因为当我从其他字段中选择值时，事件会发生变化。
答：
0赞
Ravi Yadav
8/9/2023
#1
您可以使用 和 钩子。 用于更新状态，并根据指定的状态变量值触发操作。useStateuseEffectuseStateuseEffect
// declare state of all three fields with useState
const [fieldAVal, setFieldAVal] = useState(</*initia date Value*/>);
const [fieldBVal, setFieldBVal] = useState(</*initia date Value*/>);
const [fieldCVal, setFieldCVal] = useState(</*initia month Value*/>);
// update fieldAVal according to the values of fields B and C, so add them as dependency list of useEffect
useEffect(()=>{
// update fieldAVal
setFieldAVal(<field B's date + field C's duration>);
}, [fieldBVal, fieldCVal]);
评论