在REACT/JSX中处理嵌套数组

function renderNestedArray(arr) {
  return arr.map((item, index) => {
    if (Array.isArray(item)) {
      // 如果当前元素是数组，则递归调用renderNestedArray()处理嵌套数组
      return <div key={index}>{renderNestedArray(item)}</div>;
    } else {
      // 如果当前元素不是数组，则进行处理或渲染
      return <span key={index}>{item}</span>;
    }
  });
}

// 使用示例
const nestedArray = [1, 2, [3, 4, [5, 6]], 7, [8, 9]];
const renderedArray = renderNestedArray(nestedArray);

// 渲染到页面上
ReactDOM.render(<div>{renderedArray}</div>, document.getElementById('root'));