为什么盖茨比教程不使用props.children,而是传递JSX变量?

时间:2018-12-27 06:27:55

标签: reactjs jsx gatsby

这个问题可能有点含糊,但是一些代码应该可以解决它。

我正在研究Gatsby教程,并且在CSS模块部分。

import React from "react"
import containerStyles from "./container.module.css"

export default ({ children }) => (
  <div className={containerStyles.container}>{children}</div>
)

我对最后一行代码感到困惑;正在导出的部分。我不知道{ children }语法的含义,但是后来意识到这与props.children基本相同,或者与

相同
  export default (props.children) => (
      <div className={containerStyles.container}>{props.children}</div>
    )

但是我想我对语法感到困惑吗?本教程中的{ children }是什么意思,为什么您不必键入props.children呢?

我认为这是ES6解构的一种形式,但是对于props的工作方式却不是很积极。

0 个答案:

没有答案