2021-07-05

React.js 提取state内的属性并转为数组

	在处理代码时常常要考虑到与**state**内一些属性的值进行同步，而此时我
们可以将这些属性提取出来，组合成一个数组来进行分析处理。
	在进行提取时可以采用 ...扩展运算符spread 与 map函数结合起来使用。
	示例代码如下：

state = {
        todos : [
            {
                id : 1,
                title : 'take out the trash',
                completed : false
            },
            {
                id : 2,
                title : 'Dinner with wife',
                completed : false
            },
            {
                id : 3,
                title : 'Meeting with boss',
                completed : false
            }
        ]
    }
addTodo = (title) => {
        let element = [...this.state.todos.map((todo)=>(
            todo.id
        ))];
        const newTodo = {
            id:  Math.max(...element)+1,
            title: title,
            completed: false
        }
        this.setState({
            todos: [...this.state.todos,newTodo]
        })
    }

this.state.todos.map((todo)=>(
        todo.id
    ))
 将state.todos.id进行了循环提取
 ... 将上面提取出的数据转为用逗号分隔的参数序列
 最外层的[]将其转为数组。
 
 在下面我们通过Math.max(...element)+1来获得最新的id值。

-----------------------------------------------------------------
萌新初到，还请大佬多多指教~