Bootstrap -在React中创建列，同时呈现数据

import React from 'react';

const MyComponent = () => {
  return (
    <div className="container">
      <div className="row">
        <div className="col-md-6">
          {/* 第一列的内容 */}
        </div>
        <div className="col-md-6">
          {/* 第二列的内容 */}
        </div>
      </div>
    </div>
  );
}

export default MyComponent;

import React from 'react';

const MyComponent = () => {
  const data = ['数据1', '数据2', '数据3'];

  return (
    <div className="container">
      <div className="row">
        <div className="col-md-6">
          <ul>
            {data.map((item, index) => (
              <li key={index}>{item}</li>
            ))}
          </ul>
        </div>
        <div className="col-md-6">
          {/* 第二列的内容 */}
        </div>
      </div>
    </div>
  );
}

export default MyComponent;