Javascript Storybook StoryRouter story已标记为必需
我正在使用React和故事书。我的一个组件使用Link和react,需要将任何链接组件包装在路由器中,这就是我使用npm模块Javascript Storybook StoryRouter story已标记为必需,javascript,reactjs,storybook,Javascript,Reactjs,Storybook,我正在使用React和故事书。我的一个组件使用Link和react,需要将任何链接组件包装在路由器中,这就是我使用npm模块StoryRouter的原因。一切正常,但控制台上有一个警报 // simple ListItem.tsx import React from 'react'; import { Link } from 'react-router-dom'; export const ListItem = () => { return ( <Link t
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} />)
将storybook react router升级到1.0.8。此错误已修复。见:
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