리액트 네이티브 모달 관련 질문있습니다.

Question

구현하고자 하는 기능은 버튼을 누르면 버튼이 있던 View위에 새로운 모달이 생성되면서 유저가 TextInput으로 입력을 합니다. 그리고 다음 단계로 넘어가고 다시 입력을 합니다.이때 2번화면에서 입력한 후 3번화면으로 넘어갔을 때 3번화면에서 &#43;버튼을 누르면 밑줄(입력칸)이 하나 더 늘어나게 하고싶습니다.이때 입력칸의 갯수를 Hook으로 짜서 버튼이 클릭되면 입력칸의 갯수가 늘어나는 것은 구현이 되었습니다.문제점은 기존의 입력했던 값이 모두 사라지게됩니다.이러한 현상없이 입력칸의 갯수를 늘릴 방법이 있을까요???

ondaa · Answer

질문 컴포넌트 자체를 배열로 해야될 것 같습니다. const [question, setQuestion] &#61; useState([ Component ]) const action &#61; () &#61;> { const next &#61; question.push(Component) setQuestion(next)} 대충 이럴거같은데 어떻게 짜셨는지 코드가 있어야 할 것 같습니다.

bucketlist100 · Answer

입력값을 받는 배열이나 뭔가가 하나 있어야 될것 같습니다. 첫번째 입력칸 textinput onChange&#61;{(value &#61;> setValue1(value)) value&#61;{value1} 두번째 입력칸textinput onChange&#61;{(value &#61;> setValue2(value)) value&#61;{value2} 세번째 입력칸textinput onChange&#61;{(value &#61;> setValue3(value)) value&#61;{value3}

리액트 네이티브 모달 관련 질문있습니다.

2개의 답변

#rn 목록