ReactJS Hook 模式 ~派生状态~

Source: Dev.to

避免冗余状态

模式： 避免存储可以从已有状态计算得出的状态。在 ReactJS 中，这一模式官方推荐为 避免冗余状态。

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;