81081


[Layout Component - Assets, Metadata, and CSS | Learn
Next.js](https://nextjs.org/learn/basics/assets-metadata-css/layout-component)

に下記の記載があります。

[code]

    export default function Layout({ children }) {
      return <div>{children}</div>
    }
    
[/code]

引数部の `{ children }`の意味はなんでしょうか？  
JavaScriptってこんなところに`{}`は許されたでしょうか？  
Next.js特有の文法なのか、babelかなにかの特殊な文法でしょうか？


CC BY-SA 4.0
2021-08-27T14:56:20.290
81080
2021-08-29T10:22:28.130
2021-08-29T10:22:28.130
19110
9008
question
javascript next.js
引数部分にある波括弧はどういう意味ですか？


[分割代入(Destructuring
assignment)](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment)
という 構文 (代入演算子)で, それを利用したものです

[code]

    // オブジェクトのプロパティーと同じ名前の変数で受け取る
    function fn({id}) {
      console.log(id); // 123
    }
    fn({id: 123})
    
    const o = {p: 42, q: true}
    // オブジェクトのプロパティーとは異なる名前を持つ変数で受け取る
    function fn2({p: foo, q: bar}) {
      console.log(foo); // 42
      console.log(bar); // true
    }
    fn2(o)
    
[/code]


CC BY-SA 4.0
2021-08-27T15:16:12.057
81081
2021-08-28T03:46:21.987
2021-08-28T03:46:21.987
43025
43025
81080
answer