[공통 컴포넌트,css] select - defaultValue 빈값으로 설정

const DefaultSelect = ({
  text = "기본 Select",
  typeClassName = "",
  sizeClassName = "",
  isEdit = true,
  isNew = false,
  ...props
}) => {
  return (
    <div className="selectBox">
      <select
        disabled={!isEdit} // 수정하는 상태면 비활성화가 풀린다.
        className="defaultSelect"
        defaultValue={props.defaultValue}
      >
        {isNew && <option value="" selected hidden></option>} // 새로 만드는 경우에만 빈 값 옵션을 넣었다.

        {props.options?.map((option: { value: string; name: string }) => (
          <option
            className="defaultSelect option"
            key={option.value}
            value={option.value}
          >
            {option.name}
          </option>
        ))}
      </select>
      {isEdit && (
        <span className="arrowIcon">
          <img src="/img/arrow.svg" />
        </span>
      )}
    </div>
  );
};

export default DefaultSelect;

Create 컴포넌트에서 불러올때 isNew={true}로 내려주면 된다.