내일 배움 캠프 4기 TIL(22.12.26)

baesee·2022년 12월 27일
0

내일배움캠프

목록 보기
50/75

프로젝트

  • jason server axios 삭제 수정
	<StBtn  background="black" color="white" onClick={()=>{
              list[0]?.password == pwCheck ? navigate(`/update/${id}`) : alert("비밀번호가 틀렸습니다.")
            }}>수정</StBtn>
            <StBtn background="black" color="white" onClick={() => {
              list[0]?.password == pwCheck ? onDeleteContent(id) : alert("비밀번호가 틀렸습니다.")
              }}>삭제</StBtn>

두개의 버튼에 받아온 해당 리스트의 비밀번호를 비밀번호 확인 할수있는 input 을 만들어서 비교를 한후에 맞으면 수정 페이지로 아니면 alert를 보이게 하였다.

 const [pwCheck, setPwCheck] = useState('');

  const onDeleteContent = async(id)=>{
    await axios.delete(`http://localhost:3010/Item/${id}`);
    fetchItem();
    navigate(`/`);
  }

aixos로 지우고 fetch를 이용하여 다시 get 하고 navigate를 홈으로 이동 했다.

0개의 댓글