Javascript 仅更新日期我更改其他状态不应更新或更改ReactJS/ReactHooks

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: '',

通过react hooks的新概念,我想发布一些我正在使用的数据useState future,所以当我更改日期时,其他日期也会更新ı选择的日期。我希望它只更新相关日期。如果ı更改planRegisterStartDate,则其他人不应影响ı如何执行ıusereact datepicker包


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(日期)}/>

如果有人有好的方法,我可以遵循