componentWillMount中的ReactJS赋值动态二维数组

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      dynamicArray: [],
    };
  }

  componentWillMount() {
    // 在componentWillMount方法中赋值动态二维数组
    const rows = 3; // 行数
    const cols = 4; // 列数
    const dynamicArray = [];

    for (let i = 0; i < rows; i++) {
      dynamicArray[i] = [];
      for (let j = 0; j < cols; j++) {
        dynamicArray[i][j] = i * cols + j;
      }
    }

    this.setState({ dynamicArray });
  }

  render() {
    return (
      <div>
        {/* 在组件中使用动态二维数组 */}
        {this.state.dynamicArray.map((row, rowIndex) => (
          <div key={rowIndex}>
            {row.map((col, colIndex) => (
              <span key={colIndex}>{col} </span>
            ))}
          </div>
        ))}
      </div>
    );
  }
}

export default MyComponent;