如何创建一个接受数组并在React中显示复选框的共享组件？

import React from 'react';

const CheckboxGroup = ({ options }) => {
  // 在这里编写组件的逻辑和渲染代码
};

const CheckboxGroup = ({ options }) => {
  return (
    <div>
      {options.map((option, index) => (
        <label key={index}>
          <input type="checkbox" value={option} />
          {option}
        </label>
      ))}
    </div>
  );
};

import React from 'react';
import CheckboxGroup from './CheckboxGroup';

const App = () => {
  const options = ['Option 1', 'Option 2', 'Option 3'];

  return (
    <div>
      <h1>Checkbox Group</h1>
      <CheckboxGroup options={options} />
    </div>
  );
};

export default App;