这个问题可能有点含糊,但是一些代码应该可以解决它。
我正在研究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
的工作方式却不是很积极。