javascript - 使用 this.state.example 太多次，如何将其放入变量中？

Question

我目前正在 React 中的一个 JS 文件上使用 this.state.example。我怎样才能继续将其添加到变量中，这样它就不会那么困惑？

return (
  <div className="wrapper">
    <header className="example">
      <h1>{this.state.test.products[i].name}</h1>
    </header>

我想替换 this.state.test.products

Answer 1

您可以使用 es6 语法将其提取到自己的常量中

const { example } = this.state

现在您可以在任何地方使用“example”而不是“this.state.example”