paramsの構文を理解できません

Question

paramsの構文を理解できません。この場合、（{todo、destroyTodo}）はどういう意味ですか？なぜ、単に「小道具」をパラメに使うことができないのですか？

const TodoItem = ({todo, destroyTodo}) => { 
    return (
    <div> 
     {todo.text} 
     <span onClick={destroyTodo}> x </span> 
    </div> 
) 
} 

Answer 1

表示されたコードは、javascript関数を使用して新しいコンポーネントを作成します。 {todo,destroyTodo}は、コンポーネントにpropsとして渡され、todoとdestroyTodoという2つの変数に分解されたjsonオブジェクトです。それはあなたが実際にあなたの小道具を渡すクラスとして作成したものと同じ構成要素は

class TodoItem extends React.Component{ 

render(){ 
    return (
    <div> 
     {this.props.todo.text} 
     <span onClick={this.props.destroyTodo}> x </span> 
    </div> 
) 
} 
} 

Answer 2

だろう

const TodoItem = (props) => { 
    const {todo, destroyTodo} = props; 
    return (
    <div> 
     {todo.text} 
     <span onClick={destroyTodo}> x </span> 
    </div> 
) 
} 

の省略形ですが、オブジェクトが、あなたは<TodoItem {...props}/>をやっている場合には、あなたはからすべての小道具を渡す 親とそれを指摘する必要があります