在reactjs中编写函数时（{}）的含义

Question

import React from 'react'
import PropTypes from 'prop-types'

const Todo = ( {onClick, completed, text} ) =>(
    <li 
    onClick ={onClick}
    style = {{
        textDecoration: completed ? 'line-through' : 'none'
    }}
    >
    { text }
    </li>
)

Todo.propTypes = {
    onClick:PropTypes.func.isRequired,
    completed:PropTypes.bool.isRequired,
    text:PropTypes.string.isRequired
}

export default Todo

1）我在OfficalDocumention中遇到过Todo的代码

2）我对const Todo = ( {onClick, completed, text}感到困惑，这部分

3）是使用destructing（es6语法）还是使用json短手形语法传递对象类型

Answer 1

功能组件是接收一个参数：props的功能。由于props始终是对象，因此您可以选择使用此语法将其属性分解为自己的变量。]​​>

不过，这不限于功能组件。考虑以下功能：

Answer 2

功能组件是接收一个参数：props的组件。由于props始终是对象，因此您可以选择使用此语法将其属性分解为自己的变量。]​​>

不过，这不限于功能组件。考虑以下功能：