我有一個來自 API 的數據，如下所示 -{  "expression": [    "a",    "b"  ],  "groups": [    {      "expression": [      ],      "groups": [        {          "expression": [            "c",            "d"          ],          groups: null        }      ]    },    {      "expression": [        "p",      ],      groups: null    }  ]}我必須呈現表達式和組（也包括表達式和多個組）。構建塊是一個表達式。我們需要將嵌套表達式顯示為組。我嘗試使用遞歸函數調用，但對于深度較大的對象，效率并不高。這是類似于我的試驗的東西-let conditionStack = [];  function parseInnerConditions(conditionObj) {    if (conditionObj.expression) {      conditionObj.expression.map((each, index) => {        conditionStack = [          ...conditionStack,          <NewExpression key={index} conditionExpression={each} />, //renders an expression        ];      });    }    if (conditionObj.groups && conditionObj.groups.length) {      return conditionObj.groups.map((child, index) => {        conditionStack = [          ...conditionStack,          <ConditionGroup key={index}> // renders a block or group of expressions            {parseInnerConditions(child)}          </ConditionGroup>,        ];      });    }    return conditionStack;  }  return (    <div>    parseInnerConditions(conditionObject)    </div>  )提前致謝。