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 }

您可能不應該這樣做，而是將狀態設置為僅卡片並將調用移動以計算名稱到您的渲染方法