Storybook StoryRouter история помечается как требуется - PullRequest
2 голосов
/ 29 сентября 2019

Я использую React с Storybook. Один из моих компонентов использует Link и реагирует на необходимость, чтобы любой компонент Link был обернут в Router, поэтому я использую модуль npm StoryRouter. Все работает нормально, но я получаю одно предупреждение на консоли.

// simple ListItem.tsx
import React from 'react';
import { Link } from 'react-router-dom';
export const ListItem = () => {
    return (
        <Link to={{pathname:`/page/1`}}>
            go to page
        </Link>
    );
}

// ListItem.stories.tsx
import * as React from 'react';
import { storiesOf } from '@storybook/react';
import StoryRouter from 'storybook-react-router';
import { ListItem } from "./ListItem";
let props = {
    text:"Introduction to limits",
}
storiesOf("ListItem", module)
    .addDecorator(StoryRouter()) // this causes the alert
    .add("default", () => <ListItem {...props} />)

И когда я просматриваю компонент на getStorybook, на консоли появляется сообщение

    Warning: Failed prop type: The prop `story` is marked as required in `StoryRouter`, but its value is `undefined`.
        in StoryRouter (created by storyFn)
        in storyFn
        in ErrorBoundar

1 Ответ

0 голосов
/ 08 октября 2019

Обновите storybook-реакции-маршрутизатор до версии 1.0.8. Эта ошибка была исправлена. Смотри: https://github.com/gvaldambrini/storybook-router/issues/43

...