为什么在 ReactJS 中需要用大括号括起 const 名称

Question

render () {
  const { params } = this.props.params
  return (
   <div>{ params.article }</div>
  )
}

为什么 params 需要用大括号括起来，它可能只是 'const params = this.props.params'

Answer 1

这称为解构。

而不是做

const params = this.props.params.params

你可以使用简写

const { params } = this.props.params.

查看示例

const params = this.props.params.params

希望这可以帮助！

Answer 2

const { foo } = bar.baz

是相同的

const foo = bar.baz.foo

所以你真正要做的就是设置params等于this.props.params.params。

而且，这不是 React 的特性。相反，它是 ES6 Javascript 的一项功能。