프로젝트
<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를 홈으로 이동 했다.