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()
) : (
-
+
)}
>