Как можно экспортировать компоненты в сборник рассказов - PullRequest
Новая
       17

Как можно экспортировать компоненты в сборник рассказов

0 голосов
/ 09 июля 2020

Я практикуюсь со сборником рассказов, и это мой код для этого src/component/Table.js

import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import Table from './components/Table'

class Table extends Component {
  render() {
    return (
      <table class="table table-hover">
        <thead>
          <tr>
            <th>ID</th>
            <th>NAME</th>
            <th>PRICE</th>
            <th>OPTION</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
        </tbody>
      </table>
    );
  }
}

export default Table;

А это мой код сборника рассказов src/stories/Button.story.js

import React from 'react';
import { action } from '@storybook/addon-actions';
import { Button } from '@storybook/react/demo';
import 'bootstrap/dist/css/bootstrap.css';
import {Table} from './components/Table';

export default {
  title: 'Button',
  component: Button,
};

export default {Table};

Я хочу чтобы экспортировать Table из папки components через storybook, но я не знаю, как его экспортировать, может кто-нибудь мне помочь? Пожалуйста, многие благодарят

При таком экспорте выдает ошибку: Only one default export allowed per module.

1 Ответ

1 голос
/ 09 июля 2020

Думаю, проблема может возникнуть из-за того, что в вашем коде есть два экспорта по умолчанию.

Можете ли вы попробовать что-то вроде этого 

import React from 'react';
import {Table} from './components/Table';

export default {
  component: Table,
  title: 'Table',
};

export const sample = () => <Table />;
...