풀스택 서버리스: 리액트, AWS, 그래프QL을 이용한 최신 애플리케이션 개발

105

5

장

사용자 정의 인증 전략

5.2.5

ForgotPasswordSubmit

컴포넌트

ForgotPasswordSubmit

컴포넌트는 양식 상태 (

formState

)를 업데이트하는

updateFormState

함수와 [

Save

new

password

] 클릭 시 호출할

forgotPasswordSubmit

함수를

props

로 전달받

습니다.

/* src/ForgotPasswordSubmit.js */

import React from 'react'

import Button from './Button'

import { styles } from './Form'

function ForgotPasswordSubmit(props) {

return (

<div style={styles.container}>

<input

name='confirmationCode'

placeholder='Confirmation code'

onChange={e => {e.persist();props.updateFormState(e)}}

style={styles.input}

/>

<input

name='password'

placeholder='New password'

type='password'

onChange={e => {e.persist();props.updateFormState(e)}} ...