React props语法与ES6扩散运算符[重复]

Question

我在React应用程序中注意到以下内容：

<UserList
  {...{ userIdsTyping, users }}
/>

什么是{...{userIdsTyping，用户}}在这里做什么？我知道它正在将子级传递给UserList组件，但是传播运算符在这里是如何工作的呢？它与userIdsTyping和用户有什么交互作用？

Answer 1

“扩展”操作符将对象内联“扩展”。它相当于以下语法：

<UserList
    userIdsTyping={userIdsTyping}
    users={users}
/>

对象本身{userIdsTyping，users}是ES6速记，并扩展为{userIdsTyping:userIdsTyping，users:users}。

这假设userIdsTyping和users的值是在范围内的其他地方定义的。