☀️ 기상시간 - 7:00
🌕 마감시간 - 23:30
❌ 10시 예약을 위해 8시반에는 출발해야한다는 이 먼 지역.... 운전으로 거진 3시간을 까먹은 오전시간이 끝나버렸다ㅠㅠ 그래도 미용실에서 엄마 기다리면서 리서치도 좀 하고 집중을 한 듯 하다ㅎ
한 이틀?동안 끙끙대며 리서치를 했지만 결국 성공하지 못했던
로그인 오류 메세지 띄우는 것을 ... 바로 해결해주는 ethan...
내가 적용을 못하는건지, 아님 그냥 모르는건지? 너무 간단히 해결이 되어버렸다.
기존 state초기값에 error값을 설정해주어서
조건문에 로그인 실패를 했을 경우 메세지를 넣어주면 되는 것이었다ㅠㅠ
const [state, setState] = useState({
id: '',
passwd: '',
error: '',
})
...
.then(json => {
if(json.success) {
props.history.replace('/main')
} else {
setState({
id: '',
passwd: '',
error: '존재하지 않는 아이디이거나, 올바르지 않은 비밀번호입니다',
})
}
}
...
<input />
<Error>{state.error}</Error>
메세지를 띄워줄 곳에 컴포넌트를 넣어주되, 원할 경우에 띄우는 것이므로
state로 값을 관리해주는 것이었다.
초기값으로는 비워두었다가, 로그인 실패할 경우 오류메세지를 띄워주기 위해
state값을 메세지로 변경해주는 것!
그렇다면 로딩 스피너를 추가할 때에도,
로그인 버튼을 누를 때에 spinner가 띄워지는거니까
state값으로 관리하면 되려나....?