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

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 외부에 필요한 함수를 지정해서

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

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