react 에러 !

 

1.메모리 누수에러 

react-dom.development.js:88 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.

    in Index (created by ConnectFunction)

    in ConnectFunction (at _app.jsx:43)

React 상태 업데이트를 수행 할 수 없습니다. 이것은 작동하지 않지만 응용 프로그램의 메모리 누수를 나타냅니다.

 

이건..아직 못 찾았다 곧 찾아야지

 

2. input태그에 onChange이벤트를 통해서  selectbox 의 value속성을 state로 제어하고 있기에 발생한 워닝

Warning: A component is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info:fb.me/react-controlled-components

 

in input (at Booklet.js:176)

    in div (at Booklet.js:168)

    in div (created by Booklet__PaperSize)

    in Booklet__PaperSize (at Booklet.js:166)

    in div (at Booklet.js:78)

    in div (at Booklet.js:77)

    in Booklet (created by ConnectFunction)

    in ConnectFunction (at bookletPage.js:27)

    in div (at bookletPage.js:25)

    in div (at bookletPage.js:21)

    in BookletPage (at _app.jsx:45)

    in PersistGate (at _app.jsx:42)

    in Provider (at _app.jsx:41)

    in div (at DefaultLayout.jsx:6)

    in DefaultLayout (at _app.jsx:39)

    in MyApp (created by withReduxSaga(MyApp))

    in withReduxSaga(MyApp) (created by withRedux(withReduxSaga(MyApp)))

    in withRedux(withReduxSaga(MyApp))

    in ErrorBoundary (created by ReactDevOverlay)

    in ReactDevOverlay (created by Container)

    in Container (created by AppContainer)

    in AppContainer

    in Root

위에 워닝을 해석하면 !

구성 요소가 제어 할 텍스트 유형의 제어되지 않은 입력을 변경하고 있습니다.

입력 요소는 제어되지 않음에서 제어 됨으로 (또는 그 반대로) 전환되지 않아야합니다.

제어가 되지 않은 입력을 변경한다고 되어있다.

this.state = {

booklets: [{

paperSize :'',

}]

 this.state 를 [] 로 감쌌을때는  저 에러가 나고

 this.state 를 그냥 {} 로 감쌌을때는 에러가 안났다.

 

뭔차이일까?

 

현재폼은

페이지에서  selectbox 를 클릭 했을시에  거기에 해당하는 상태 값이  옆에있는 날개 가로사이즈에  input value 값으로 들어간다

이렇게 들어갔을때 워닝이 딱! 왜 그런지는 차차 알아봐야겠다,