Javascript 仅更新日期我更改其他状态不应更新或更改ReactJS/ReactHooks
通过react hooks的新概念,我想发布一些我正在使用的数据useState future,所以当我更改日期时,其他日期也会更新ı选择的日期。我希望它只更新相关日期。如果ı更改planRegisterStartDate,则其他人不应影响ı如何执行ıusereact datepicker包Javascript 仅更新日期我更改其他状态不应更新或更改ReactJS/ReactHooks,javascript,datepicker,react-hooks,react-datepicker,Javascript,Datepicker,React Hooks,React Datepicker,通过react hooks的新概念,我想发布一些我正在使用的数据useState future,所以当我更改日期时,其他日期也会更新ı选择的日期。我希望它只更新相关日期。如果ı更改planRegisterStartDate,则其他人不应影响ı如何执行ıusereact datepicker包 const [planGroupData, setPlanGroupData] = useState({ planGroupName: '', PlanGroupYear: '',
const [planGroupData, setPlanGroupData] = useState({
planGroupName: '',
PlanGroupYear: '',
planRegisterStartDate: new Date(),
planRegisterFinishDate: new Date(),
projeRegisterStartDate: new Date(),
projeRegisterFinishDate: new Date()
})
const onPlanGroupDateChange = date => {
setPlanGroupData({
planRegisterStartDate: date,
planRegisterFinishDate: date,
projeRegisterStartDate: date,
projeRegisterFinishDate: date
})
}
const {
PlanGroupYear,
planGroupName,
planRegisterFinishDate,
planRegisterStartDate,
projeRegisterFinishDate,
projeRegisterStartDate
} = planGroupData
return (
<div className='form-row'>
<DatePicker
selected={planRegisterStartDate}
onChange={onPlanGroupDateChange}
/>
<DatePicker
selected={planRegisterFinishDate}
onChange={onPlanGroupDateChange}
/>
</div>
)
常量[planGroupData,setPlanGroupData]=useState({
planGroupName:“”,
计划组年份:'',
planRegisterStartDate:新日期(),
planRegisterFinishDate:新日期(),
projeRegisterStartDate:新日期(),
projeRegisterFinishDate:新日期()
})
const onPlanGroupDateChange=日期=>{
setPlanGroupData({
计划登记处开始日期:日期,
planRegisterFinishDate:日期,
项目登记开始日期:日期,
项目注册完成日期:日期
})
}
常数{
今年,,
planGroupName,
计划登记完成日期,
计划登记处开始日期,
项目注册完成日期,
projeRegisterStartDate
}=平面组数据
返回(
)
您可以分离状态并单独定义set函数,然后可以在各自的组件中调用这些函数。在我看来,这将更易于管理
const[planggroupname,setplanggroupname]=useState(null)
常量[planGroupYear,setPlanGroupYear]=useState(空)
常量[planRegisterStartDate,setPlanRegisterStartDate]=useState(新日期())
常量[planRegisterFinishDate,setPlanRegisterFinishDate]=useState(新日期())
const[projeRegisterStartDate,setProjeRegisterStartDate]=useState(新日期())
const[projeRegisterFinishDate,setProjeRegisterFinishDate]=useState(新日期())
setPlanRegisterStartDate(日期)}/>
setPlanRegisterFinishDate(日期)}/>
如果有人有好的方法,我可以遵循