Repository navigation
11장 오류 #4
Description
409 페이지
import { ComponentStory, ComponentMeta } from '@storybook/react';
- import { BrowserRouter } from 'react-router-dom';
...
const Template: ComponentStory<typeof AppTitle> = () => (
- <BrowserRouter>
<AppTitle />
- </BrowserRouter>
);
export const Default = Template.bind({});419 페이지
- export const ToDoItem = () => {
- return <div>ToDoItem</div>;
- }
+ export const InputToDo = () => {
+ return <div>InputToDo</div>;
+ };445 페이지
- V7 코드
import type { Meta, StoryObj } from '@storybook/react';
import { ToDoListPage } from '.';
import { ToDoListContextProvider } from 'contexts/ToDoList';
const meta = {
title: 'Pages/ToDoListPage',
component: ToDoListPage,
tags: ['autodocs'],
decorators: [
(Story) => (
<ToDoListContextProvider>
<Story />
</ToDoListContextProvider>
),
],
} satisfies Meta<typeof ToDoListPage>;
export default meta;
type Story = StoryObj<typeof meta>;
export const Default: Story = {};447 페이지
- 그리고 다시 ./src/pages/ToDoListPage/index.stories.tsx 파일을 열고 다음과 같이 수정하여 기존에 설정한 Provider를 제거하도록 한다.
+ .storybook/preview.js 파일 내용을 수정하였다면, 해당 파일명을 preview.jsx로 변경합니다.
+ 그리고 다시 ./src/pages/ToDoListPage/index.stories.tsx 파일을 열고 다음과 같이 수정하여 기존에 설정한 Provider를 제거하도록 한다.
Activity
[-]11장[/-][+]11장 오류[/+]