Arrays 如何在react js中创建状态数组

Arrays 如何在react js中创建状态数组,arrays,reactjs,setstate,Arrays,Reactjs,Setstate,我正在创建一个简单的待办事项应用程序,用户可以在其中选择日期、编写待办事项以及设置开始和结束时间 我在渲染函数中添加了4个字段。如果我的方法错误,请指导我。最后,我希望有一个数组todolist,其中索引元素和子数组索引元素为date,子元素为todo、from和to 例如: todolist[ 27-06-2018 : [ todo: eat breakfast from: 9:00 to: 9:30 ] 28-06-2018

我正在创建一个简单的待办事项应用程序,用户可以在其中选择日期、编写待办事项以及设置开始和结束时间

我在渲染函数中添加了4个字段。如果我的方法错误,请指导我。最后,我希望有一个数组todolist,其中索引元素和子数组索引元素为date,子元素为todo、from和to

例如:

todolist[
    27-06-2018 : [
       todo: eat breakfast
       from: 9:00
       to: 9:30
    ]
    28-06-2018 :[
       todo: eat lunch
       from: 12:00
       to: 12:30
    ]
]
对于上述要求,如何初始化状态

todolist[
{
    27-06-2018 : [
      { todo: eat breakfast},
       {from: 9:00},
      { to: 9:30}
     ]
    },{
    28-06-2018 :[
       {todo: eat lunch},
      { from: 12:00},
      { to: 12:30}
       ]
    }
]

尝试创建数组中项目的对象

我建议您将TODO存储为todolist数组中的对象,如:

todolist[
  {
    date: '27-06-2018',
    todo: 'eat beakfast',
    from: '9:00',
    to: '9:30',
  },
  {
    date: '28-06-2018',
    todo: 'eat lunch',
    from: '9:00',
    to: '9:30',
  }
];
要按日期筛选数组,可以使用筛选方法:

todoslist.filter(todo => todo.date == '27-06-2018');

谢谢,您能告诉我如何为此初始化状态吗?您可以使用一个空TODO数组来初始化您的状态,例如
this.state={TODO:[]}
,然后设置您要执行的TODO:
TODO=[];todos.push({insertyourtodoobjecthere})
然后
这个.setState({todos})
就像在es6中一样
{todos}
就像做
{todos:todos}