UI프레임워크(별점 표시하기)

남이 만들어 놓은 것을 가져오는 라이브러리!

시간 절약과 버그 최소화를 할 수 있다.

아래의 사이트들은 도움이 되는 사이트이다.
Ant-design

https://ant.design/components/

https://mui.com/

Rate 표시하기 실습

import { useState } from "react";
import { Rate } from "antd";

// const desc = ["terrible", "bad", "normal", "good", "wonderful"];
export default function LibraryStarPage() {
  const [value, setValue] = useState(3);

  function handleChange(value: number) {
    setValue(value);
  }

  return (
    <span>
      <Rate onChange={handleChange} value={value} />
    </span>
  );
}

결과

짜잔 별이 나왔다!