如何在React中创建可拖动组件来选择年份？

import React from 'react';
import Draggable from 'react-draggable';

class DraggableYearSelector extends React.Component {
  render() {
    return (
      <Draggable>
        <div>
          {/* 年份选择器的内容 */}
        </div>
      </Draggable>
    );
  }
}

export default DraggableYearSelector;

import React from 'react';
import Draggable from 'react-draggable';

class DraggableYearSelector extends React.Component {
  render() {
    return (
      <Draggable>
        <div>
          <select>
            <option value="2022">2022</option>
            <option value="2023">2023</option>
            <option value="2024">2024</option>
            {/* 其他年份选项 */}
          </select>
        </div>
      </Draggable>
    );
  }
}

export default DraggableYearSelector;

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

class App extends React.Component {
  render() {
    return (
      <div>
        {/* 其他组件 */}
        <DraggableYearSelector />
        {/* 其他组件 */}
      </div>
    );
  }
}

export default App;