{!state.isCodeOpen ? ( <Input type="number" name="phone" placeholder="Phone Number" required errorMessages={state.errorMessage} /> ) : ( <Input type="number" name="code" placeholder="Code" required min={100000} max={999999} /> )}
에서 첫번째 input 렌더링 > 두번째 input 렌더링 할 시,
첫번째 input 값이 두번째 input의 값으로 옮겨옴
react의 렌더링 방식 때문에 key를 붙여주면 해결된다고 하는데.. 무슨 방식임?