传递到组件时反应道具分解

Question

传递同名道具时是否可以使用es6速记？

const [showNavMenu, setShowNavMenu] = useState(false)

所以这个：

<NavMenu showNavMenu={showNavMenu} setShowNavMenu={setShowNavMenu} />

会变成这样：

<NavMenu {showNavMenu} {setShowNavMenu} />

Answer 1

如果您不想使用额外的变量，则可以执行以下操作：

<NavMenu {...{showNavMenu, setShowNavMenu}} />

Answer 2

您始终可以使用传播运算符，这是我最喜欢的将道具传递到组件的方式

propsToPassthrough = {showNavMenu, setShowNavMenu}

然后

<NavMenu {...propsToPassthrough}>