numericinput
-
[expo][react native] <NumericInput /> re-render issue 해결Frontend/react-native 2019. 9. 20. 17:13
react native에선 this.setState({}) 호출시 컴포넌트들이 리랜더링된다. 다시말해 state 값의 변경이 발생하면 render()가 호출되어 실행된다. 아래의 코드는 계속 문제없이 작동이 되다가.. 언제부턴가 state 값은 바뀌는데, UI상에선 값이 그대로 유지하게 되었다. (예를들어 set_num의 값이 1인데 setState()로 set_num의 값을 2로 바꾸면, 실제 값은 바뀌는데 UI 상에선 1이 그대로 유지된다.) this.setState({set_num: value })} value={this.state.set_num} /> 이 문제를 해결하는 방법은 매우 간단하다. 아래와 같이 initValue 속성을 추가하면 된다. this.setState({set_num: valu..
-
[Solved] Failed updating the 'react-native-numeric-input' component..Frontend/react-native 2019. 8. 13. 18:09
https://www.npmjs.com/package/react-native-numeric-input react-native-numeric-input a stylish numeric input for react native www.npmjs.com 개발하는 앱에 위의 numeric input 컴포넌트를 적용했다. 그런데 랜더링시 value부분이 업데이트가 계속 안되어서 내 코드 문제인줄 알고 한참을 헤맸다.. 알고보니 모듈내 소스코드의 문제였다.. 해답 출처: https://github.com/himelbrand/react-native-numeric-input/issues/13 Value not updating on Numeric Input · Issue #13 · himelbrand/react-nati..