From c9f88b76ea01184a8276a36497ff99a5f98bbed5 Mon Sep 17 00:00:00 2001
From: haerong22 <haerong22@naver.com>
Date: Tue, 22 Dec 2020 20:37:34 +0900
Subject: [PATCH] hooks - memo

---
 react_webgame/main/NumberBaseball-class.jsx | 6 +++---
 react_webgame/main/NumberBaseball.jsx       | 6 +++---
 react_webgame/main/Try-class.jsx            | 4 ++--
 react_webgame/main/Try.jsx                  | 6 +++---
 react_webgame/main/client.jsx               | 2 +-
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/react_webgame/main/NumberBaseball-class.jsx b/react_webgame/main/NumberBaseball-class.jsx
index a307426b..b9a997ab 100644
--- a/react_webgame/main/NumberBaseball-class.jsx
+++ b/react_webgame/main/NumberBaseball-class.jsx
@@ -1,5 +1,5 @@
-import React, { Component } from 'react';
-import Try from './Try';
+import React, { PureComponent } from 'react';
+import Try from './Try-class';
 
 // 숫자 4개를 겹치지않고 랜덤하고 뽑는 함수
 function getNumbers() {
@@ -12,7 +12,7 @@ function getNumbers() {
     return array;
 }
 
-class NumberBaseball extends Component {
+class NumberBaseball extends PureComponent {
     state = {
         result: '',
         value: '',
diff --git a/react_webgame/main/NumberBaseball.jsx b/react_webgame/main/NumberBaseball.jsx
index 37d615a5..42b36c21 100644
--- a/react_webgame/main/NumberBaseball.jsx
+++ b/react_webgame/main/NumberBaseball.jsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, memo } from 'react';
 import Try from './Try';
 
 // 숫자 4개를 겹치지않고 랜덤하고 뽑는 함수
@@ -12,7 +12,7 @@ function getNumbers() {
     return array;
 }
 
-const NumberBaseball = () => {
+const NumberBaseball = memo(() => {
     const [result, setresult] = useState('');
     const [value, setvalue] = useState('');
     const [answer, setanswer] = useState(getNumbers());
@@ -76,5 +76,5 @@ const NumberBaseball = () => {
             </ul>
         </>
     )
-}
+});
 export default NumberBaseball; // import NumberBaseball
\ No newline at end of file
diff --git a/react_webgame/main/Try-class.jsx b/react_webgame/main/Try-class.jsx
index 351501ab..c1dedac8 100644
--- a/react_webgame/main/Try-class.jsx
+++ b/react_webgame/main/Try-class.jsx
@@ -1,6 +1,6 @@
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 
-class Try extends Component {
+class Try extends PureComponent {
     render() {
         const { tryInfo } = this.props;
         return (
diff --git a/react_webgame/main/Try.jsx b/react_webgame/main/Try.jsx
index 7f86739e..d5f5ea25 100644
--- a/react_webgame/main/Try.jsx
+++ b/react_webgame/main/Try.jsx
@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { memo } from 'react';
 
-const Try = ({ tryInfo }) => {
+const Try = memo(({ tryInfo }) => {
     return (
         <li>
             <div>{tryInfo.try}</div>
             <div>{tryInfo.result}</div>    
         </li>
     )
-}
+});
 export default Try;
\ No newline at end of file
diff --git a/react_webgame/main/client.jsx b/react_webgame/main/client.jsx
index d53cab37..645acf19 100644
--- a/react_webgame/main/client.jsx
+++ b/react_webgame/main/client.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDom from 'react-dom';
 
-import Test from './RenderTest';
+import Test from './NumberBaseball';
 
 
 ReactDom.render(<Test />, document.querySelector('#root'));
\ No newline at end of file