は機能

Question

は、なぜ彼らは中括弧内の項目を包み、それはこれがある小道具

Answer 1

でいる

const List = ({ items }) => (
    <ul className="list"> 
    {items.map(item => <ListItem item={item} />)} 
    </ul> 
); 

私は最近、ウェブサイト上でのコードのこの作品に出会った

中括弧で引数を指定してコンポーネントに反応します「破壊」と呼ばれる。実際には、関数に引数としてオブジェクトを渡していますが、オブジェクトの名前付きプロパティのみを使用しています。

const destructuring = ({ used }) => console.log(used); 
 
    
 
const properties = { 
 
    unused: 1, 
 
    used: 2, 
 
}; 
 

 
destructuring(properties); // 2

あなたも、変数を作成するためにそれを使用することができます。

const properties = { 
 
    name: 'John Doe', 
 
    age: 21, 
 
}; 
 

 
const { name, age } = properties; 
 

 
console.log(name, age); // John Doe 21