chorom-ham / need-a-pill Goto Github PK

1. effects-and-dosages
2. more-informations

구조가 완전히 같은 두 컴포넌트가 작성되어 있네요.
하나의 컴포넌트로 작성한 뒤 구분되는 정보들은 prop으로 넘겨주면 좋을 것 같아요!

favicon 변경하기

검색어 입력하라고 alert하기

const [selected, setSelected] = useState(0);
selected라는 네이밍이 열고 닫힘을 나타냄이 잘 와닿지도 않고, 값이 0일 때 열렸는지 닫혔는지도 불명확해요!
또 참과 거짓이 분명한 상태를 표현하는데 number type을 사용할 이유가 없어요!
const [isOpen, setOpen] = useState(true);
로 바꿔보는건 어떨까요?
<ReadMoreButton onClick={() => setSelected(0)} isSelected={selected} title="Effects and Dosages" ></ReadMoreButton>
이 부분도 훨씬 세련되게 바꿀 수 있을거에요!