return 이란

# javascript나 react를 사용할때 리턴문 정의

import { useState } from 'react';

function App() {
  const [list, setList] = useState([1, 2, 3, 4]);

  // 함수 선언
  const getAddResult = () => {
    let sum = 0;
    list.forEach((i) => (sum = sum + i));
    console.log('sum', sum);
    return sum; // 함수의 결과값을 반환한다. (여기서는 sum 함수의 결과값을 반환한다.)
  };

  return (
    <div>
      <div>
        {list.map((i) => (
          <h1>{i}</h1>
        ))}
      </div>
      {/* 위에서 선언한 함수를 실행한다. */}
      <div>합계: {getAddResult()}</div>
    </div>
  );
}

export default App;

// 함수 선언에서 return sum; 을 선언했기 때문에 아래의 return 문에서 <div>합계: {getAddResult()}</div> 값을 화면에 뿌릴수 있다?