请问一下关于传递变量的写法问题

来源:3-2 编写静态组件

hpbrave

2019-03-12

在todolist向todo传值的时候是这样写的:
todos.map(todo => {
return <Todo key={todo.id} {…todo}/>
})
想请问一下,不需要在{…todo}前面加一个变量名么?因为看其他组件的传值时,都是变量名={变量}的形式,比如这样。
非常感谢!

写回答

1回答

艾特老干部

2019-03-13

你好。{…todo}是ES6的对象扩展语法。

const todo = {text: 'test', completed: false}
<Todo key={todo.id} {…todo}/>

等价于

<Todo key={todo.id} text='test' completed={false} />


0
1
hpbrave
非常感谢!学过es6的扩展运算和解构赋值,看来还是学得不好
2019-03-13
共1条回复

React16+Redux实战企业级大众点评Web App

从架构设计到部署上线,带你学习React技术栈与核心思想

1071 学习 · 306 问题

查看课程