diff --git a/packages/memo-base/src/components/App.tsx b/packages/memo-base/src/components/App.tsx index 88d9568..656c140 100644 --- a/packages/memo-base/src/components/App.tsx +++ b/packages/memo-base/src/components/App.tsx @@ -3,16 +3,18 @@ import React, { useState, useCallback } from 'react' type FooProps = { str: string } + const Foo = React.memo(({ str }: FooProps) => { - console.log('render hoge') + console.log('render Foo') return
{str}
}) type BarProps = { str: string } + const Bar = React.memo(({ str }: BarProps) => { - console.log('render fuga') + console.log('render Bar') return
{str}
}) @@ -30,6 +32,9 @@ export const App = () => { setBarStr('Str') }, []) + // const memoHandler = useMemo(() => handler, []) + // const memoCallbackHandler = useCallback(handler, []) + return ( <> diff --git a/packages/render-props-goal/src/components/App.tsx b/packages/render-props-goal/src/components/App.tsx index 284d67f..3390e65 100644 --- a/packages/render-props-goal/src/components/App.tsx +++ b/packages/render-props-goal/src/components/App.tsx @@ -1,10 +1,10 @@ import React, { ReactNode } from 'react' import { Child } from './Child' -const NLink: React.FC = ({ children }) =>
{children}
+const Link: React.FC = ({ children }) => {children} export const App: React.FC = () => { - const render = (component: ReactNode) => {component} + const render = (component: ReactNode) => {component} return ( <> diff --git a/packages/render-props-goal/src/components/Child.tsx b/packages/render-props-goal/src/components/Child.tsx index 569ec6a..c456bcf 100644 --- a/packages/render-props-goal/src/components/Child.tsx +++ b/packages/render-props-goal/src/components/Child.tsx @@ -5,16 +5,16 @@ type Props = { render?: (component: ReactNode) => ReactNode } -const Hoge = () =>
hoge
+const Foo = () =>
foo
export const Child: React.FC = ({ render, linkUrl }) => { return ( <> {render ? ( - render() + render() ) : ( - + )}