Arrays 如何在react js中创建状态数组
我正在创建一个简单的待办事项应用程序,用户可以在其中选择日期、编写待办事项以及设置开始和结束时间 我在渲染函数中添加了4个字段。如果我的方法错误,请指导我。最后,我希望有一个数组todolist,其中索引元素和子数组索引元素为date,子元素为todo、from和to 例如: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
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}