如何将枚举映射到Storybook中的选择下拉列表？

// enums.js
export const StatusEnum = {
  ACTIVE: 'active',
  INACTIVE: 'inactive',
  PENDING: 'pending',
};

// MyComponent.stories.js
import React from 'react';
import { storiesOf } from '@storybook/react';
import MyComponent from './MyComponent';
import { StatusEnum } from './enums';

const statusOptions = Object.values(StatusEnum).map((status) => ({
  value: status,
  label: status.charAt(0).toUpperCase() + status.slice(1),
}));

storiesOf('MyComponent', module)
  .add('default', () => <MyComponent status={StatusEnum.ACTIVE} />)
  .add('with controls', () => (
    <MyComponent status={StatusEnum.ACTIVE} />
  ))
  .addParameters({
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/,
      },
    },
  })
  .add('with select dropdown', () => (
    <MyComponent status={StatusEnum.ACTIVE} />
  ))
  .addParameters({
    controls: {
      knobs: {
        select: {
          'status': {
            options: statusOptions,
            value: StatusEnum.ACTIVE,
          },
        },
      },
    },
  });