Reactjs 如何将数据从表中获取到状态

我正在尝试构建一个表，一旦您单击它，状态将用表中的信息更新，但我不知道如何做到这一点

这是我的代码：

state = {
    shift: {
      id: '',
      shift: '',
      date: ''
    },
    days: [
      'Sunday',
      'Monday',
      'Tuesday',
      'Wednesday',
      'Thursday',
      'Friday',
      'Saturday'
    ],
    shifts: ['Morning', 'Evening']
  };
  render() {
    const table = this.state.shifts.map((shift, index) => {
      return (
        <tr key={index}>
          {this.state.days.map((day, index2) => {
            return (
              <td key={index2}>
                <div>{day}</div>
                <div>{shift}</div>
                <div>
                  <button>Sign in</button>
                </div>
              </td>
            );
          })}
        </tr>
      );
    });

状态={
班次：{
id:“”，
班次：''，
日期：''
},
天数：[
"星期日",，
“星期一”，
"星期二",，
“星期三”，
"星期四",，
“星期五”，
“星期六”
],
班次：[“早”、“晚”]
};
render（）{
const table=this.state.shift.map（（shift，index）=>{
返回(
{this.state.days.map（（day，index2）=>{
返回(
{day}
{shift}
登录
);
})}
);
});

我想在点击按钮后编写一个函数，我想让

this.state.shift

在TD包含它的早晨/晚上更新，同样的

this.state.date

在周日/周一添加…有人知道怎么做吗？

在

中你可以

onClick={event=>this.setState（{shift:{id:''，shift，date:day}）}

把

id

放在任何你想要的地方，然后

shift

就是一个被解构的对象

我假设您所指的是

this.state.shift.shift

和

this.state.shift.date