Question

我目前在我的其中一个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”

Answer 2

const {产品} = this.state.test

我们使用破坏语法，因为我们不需要在步骤中声明和分配值。

例如，如果您在this.state.test中具有三个属性

选项1：-

const { a , b , c}  =  this.state.test;

选项2：-

const a  =  this.state.test;
const b  =  this.state.test;
const c  =  this.state.test;

product常量是指处于状态的产品数组。

然后，您可以使用产品[i] .name访问产品名称。

Answer 3

您可以这样简化：

const { products } = this.state.test;

然后使用它：

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

Answer 4

为什么不只是：

const products = this.state.test.products

没有破坏性的破坏或两层破坏性的破坏？

简单性更好。

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

4 个答案: