GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-09 00:19:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

React: Fix hooks support in stories

Browse Source
This commit is contained in:
Michael Shilman 2019-07-26 14:09:04 +08:00
parent 6c5df85010
commit 24c5fa446a
3 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/react/src/client/preview/render.tsx
View File

@ -15,14 +15,14 @@ function render(node: React.ReactElement, el: Element) {
}
export default function renderMain({
storyFn,
storyFn: StoryFn,
selectedKind,
selectedStory,
showMain,
showError,
forceRender,
}: RenderMainArgs) {
const element = storyFn();
const element = <StoryFn />;
if (!element) {
showError({

11
examples/official-storybook/stories/demo/button.stories.js
View File

@ -23,12 +23,11 @@ withSomeEmoji.story = {
name: 'with some emoji',
};
export const withCounter = () =>
React.createElement(() => {
const [counter, setCounter] = useState(0);
const label = `Testing: ${counter}`;
return <Button onClick={() => setCounter(counter + 1)}>{label}</Button>;
});
export const withCounter = () => {
const [counter, setCounter] = useState(0);
const label = `Testing: ${counter}`;
return <Button onClick={() => setCounter(counter + 1)}>{label}</Button>;
};
withCounter.story = {
name: 'with counter',

4
examples/official-storybook/stories/demo/button.stories.mdx
View File

@ -27,10 +27,10 @@ import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
<Preview>
<Story name="with counter">
{React.createElement(() => {
{() => {
const [counter, setCounter] = useState(0);
const label = `Testing: ${counter}`;
return <Button onClick={() => setCounter(counter + 1)}>{label}</Button>;
})}
}}
</Story>
</Preview>