회원가입 완료 이름 표출

src/components/account/register/AccountRegister.js

@@ -8,6 +8,7 @@ import { AccountRegisterComplete } from './AccountRegisterComplete';
 
 export const AccountRegister = ({ props }) => {
   const [stepper, setStepper] = useState(null);
+  const [testName, setTestName] = useState();
   const ref = useRef(null);
 
   // console.log(props);
@@ -36,6 +37,8 @@ export const AccountRegister = ({ props }) => {
           stepper={stepper}
           type='wizard-horizontal'
           movePage={movePage}
+          testName={testName}
+          setTestName={setTestName}
         />
       )
     },
@@ -48,6 +51,7 @@ export const AccountRegister = ({ props }) => {
           stepper={stepper}
           type='wizard-horizontal'
           movePage={movePage}
+          testName={testName}
         />
       )
     }

src/components/account/register/AccountRegisterComplete.js

@@ -20,8 +20,9 @@ import {
 import AppCollapse from '@components/app-collapse';
 import Select from 'react-select';
 import { selectThemeColors } from '@utils';
+import { useSelector } from 'react-redux';
 
-export const AccountRegisterComplete = ({ stepper, type, movePage }) => {
+export const AccountRegisterComplete = ({ stepper, type, movePage, testName}) => {
   const handlerLogin = () => {
     movePage('/account/login');
   };
@@ -30,7 +31,7 @@ export const AccountRegisterComplete = ({ stepper, type, movePage }) => {
     <Fragment>
       <div className='complete-txt'>
         <img src={completeImg} />
-        <span className='big-txt'>환영합니다. 홍길동 님</span>
+        <span className='big-txt'>환영합니다. {testName}님</span>
         <span className='d-block'>
           모든 회원가입절차가 완료되었습니다. 로그인 후 사용해주세요.
         </span>

src/components/account/register/AccountRegisterForm.js

@@ -25,7 +25,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { accountApi } from '../../../modules/account/register/apis/accountApi';
 import * as Actions from '../../../modules/account/register/actions/accountAction';
 
-export const AccountRegisterForm = ({ stepper, type, movePage }) => {
+export const AccountRegisterForm = ({ stepper, type, movePage, testName, setTestName }) => {
   const { agreeTerms } = useSelector(state => state.accountState);
   const [minutes_Counter, setMinutes_Counter] = useState('03');
   const [seconds_Counter, setSeconds_Counter] = useState('00');
@@ -272,6 +272,10 @@ export const AccountRegisterForm = ({ stepper, type, movePage }) => {
     // console.log(register);
     const { name, value } = e.target;
 
+    if(name == 'memberName') {
+      setTestName(value);
+    }
+
     if (name == 'brthdyDate') {
       const regex = /^[0-9\b]{0,8}$/;