javascript - webpack이 코드를 분할하고 로드한 후 반응 인터페이스가 업데이트되지 않습니다.

Question

webpack이 코드를 분할하고 로드한 후 반응 인터페이스가 업데이트되지 않습니다.
코드를 먼저 게시하세요

main.js

으아악

text.js

으아악

로드를 클릭하면 텍스트 컨트롤이 로드되어 표시될 수 있습니다.
그러나 상태를 변경하기 위해 변경을 클릭하면 텍스트 컨트롤이 새로 고쳐지지 않습니다.
인쇄 로그 this.state.text가 변경되었습니다.

오래 찾았는데 뭐가 문제인지 모르겠어요 도와주세요 T.T
감사합니다

Answer 1

문제는 main.js에 있습니다 _loadText 的 textview: <Text text={this.state.text} />

당신의 작성 방식은 실제로 React가 로드할 때 Text 组件，并且属性是那时候的 this.state.text （这个例子里也就是 'text' ），父组件更新的时候并不会对 this.state.textview 업데이트하라고 알려주는 것입니다

이렇게 바꿔보세요

_loadText() 함수에서 this.setState

의 내용을 변경합니다. 으아악

렌더링() 기능

으아악