React/JSX：我可以在另一个状态变量中使用状态变量吗？

Question

我有这样的事情，我想在状态中从直接在其上方初始化的变量中创建数组。 我得到错误cards is not defined 。 有没有解决的办法？ 我需要在状态中专门设置这个数组。

class Example extends React.Component {
constructor(props) {
    super(props);
    this.state = {
      cards: [
        {
          name: "Name 1",
          description: "dfdsfaf",
        },
        {
          name: "Name 2",
          description: "dsfsfasf",
        },
        {
          name: "Name 3",
          description: "daslkdjadlajsd",
        },
     ],
      names: cards.map(item => item.name)
    };
   }
...
}

Answer 1

您可以在 javascript 中执行此操作，如下所示：

const cards = [...]
const names = = cards.map(...)
this.state = { cards: cards, names: names }

您可能不应该这样做，而是将状态设置为仅卡片并将调用移动以计算名称到您的渲染方法