问如何在react handsontable中映射列类型"dropdown“源中的数据？

EN

import React, { Component } from 'react';
import { render } from 'react-dom';

import 'handsontable-pro/dist/handsontable.full.css';
import { HotTable } from '@handsontable/react';

const COLUMN_DEFAULT_OPTIONS = {data: "packages", type: 'dropdown'}

class App extends Component {
  constructor() {
    super();
    this.hotTableComponent = React.createRef();

    this.settings = {
        colHeaders: ['Packages'],
        data: [{ packages: "" }],
        columns: [{ ...COLUMN_DEFAULT_OPTIONS, source: ["Pallet", "Box"] }],
        // ...other settings continue here
     }
  }

  componentDidMount() {
    fetch("https://jsonplaceholder.typicode.com/users", {
      headers: {
        'Accept': 'application/json',
      },
    })
    .then(response => response.json())
    .then(json => {
      const usernames = json.map(({username}) => username);
      this.hotTableComponent.current.hotInstance.updateSettings(
        {"columns": [{ ...COLUMN_DEFAULT_OPTIONS, source: usernames}]}
      )
    })

  }

  render() {
    return (
      <div id="hot-app">
        <HotTable
          ref={this.hotTableComponent}
          settings={this.settings}
          width="600"
          stretchH="all" />
      </div>
    );

  }
}

render(<App />, document.getElementById('root'));