[React] form 내부의 submit 사용시 리덕스 데이터 초기화 원인

<form> 내부의 <button>은 클릭 시 submit 이벤트가 발생 된다.

데이터를 submit 하기 위해 페이지를 reload하고 페이지가 reload되면 리덕스 store의 state가 초기화 된다.

 

해결방안

event.preventDefault() 를 사용하여 submit은 가능하지만 리로딩이 되지 않도록 한다.

<button name="hi" onClick={preventSubmit}>
...
function preventSubmit(e){
    e.preventDefault();
    console.log(e);
}