ReactJS Hook 패턴 ~상태 파생~

Source: Dev.to

중복된 상태 피하기

Pattern: 기존 다른 상태로부터 계산할 수 있는 상태를 저장하는 것을 피하십시오. ReactJS에서는 이 패턴을 공식적으로 Avoid redundant state(중복된 상태 피하기)라고 권장합니다.

import { useState } from "react";

function App() {
  const [firstName] = useState("John");
  const [lastName] = useState("Doe");

  const fullName = `${firstName} ${lastName}`;

  return (
    <>
      Full Name: {fullName}
    </>
  );
}

export default App;