인프런 커뮤니티 질문&답변

임도경님의 프로필 이미지
임도경

작성한 질문수

React로 NodeBird SNS 만들기

함수형 컴포넌트 질문드려요!

작성

·

113

0

import React from 'react';

const LoginForm = () => {
 const onSubmitForm = () => {
 
 }

 const onChangeValue = () => {

 }

  return (
    <Form onSubmit={onSubmitForm}>
      <input type="text" onChange={onChangeValue} />
    </Form>
  )
}

export default LoginForm;


-----------------------------


import React from 'react';
 const onSubmitForm = () => {
 
 }

 const onChangeValue = () => {

 }

const LoginForm = () => {
  return (
    <Form onSubmit={onSubmitForm}>
      <input type="text" onChange={onChangeValue} />
    </Form>
  )
}

export default LoginForm;

안녕하세요!

제가 실무에서 주로 loginform 외부에 필요한 함수를 지정해서

사용하는데 강의에선 내부에서 지정하더라구요!

혹시 두 방법의 차이가 있을까요?

답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

scope 접근 범위에 차이가 있습니다. 컴포넌트 내 state에 접근해야 하면 함수도 내부에 선언해야 합니다.

임도경님의 프로필 이미지
임도경

작성한 질문수

질문하기