React 구성 요소의 네이티브 렌더링DidMount

탐색 소품을 사용하지 않고 한 페이지에서 다른 페이지로 소품을 전달하는 방법은 무엇입니까?React 구성 요소의 네이티브 렌더링DidMount

값을 탐색 소품으로 전달할 수는 있지만 그렇게 할 수는 없습니까?

2017-11-02 Karthick Raja

다릅니다. 달성/해결하려는 것에 더 많은 맥락을 추가 할 수 있습니까? 또한. 질문 제목은 귀하의 질문에 대한 설명에 적합하지 않습니다. 그에 따라 수정 해 주시겠습니까? –

두 개의 다른 페이지에서 compontDidMount를 사용하고 있는데, 동시에 페이지가 렌더링되면 API가 두 번 히트되고 값이 두 번 테이블에서 업데이트됩니다. –

아직 상태 컨테이너를 사용하지 않는다고 가정 할 때 하나를 도입하는 것이 좋습니다. api 호출을 구성 요소 외부로 이동하고 대신 componentDidMount 내부로 dispatch redux 동작을 사용합니다. 그런 다음 특정 API 호출이 이미 진행 중이고 상태를 무시하면 상태를 확인할 수 있습니다. –

이것은 매우 광범위한 질문이지만 답변을 시도합니다. 대답은 물론 다릅니다. 탐색 기능을 사용하지 않으려면 lift up the state을 사용하는 것이 좋습니다. 즉, 두 스크린의 부모 인 구성 요소의 상태에서 스크린간에 전달하려는 소품을 배치하십시오. 부모 구성 요소는 상태에 따라 자식의 소품을 설정할 수 있습니다. 자식에서 콜백 소품을 사용하여 부모 구성 요소의 상태를 설정할 수 있습니다.

상태를 올리고 구성 요소간에 데이터를 공유하는 또 다른 방법은 Redux과 같은 전역 상태 관리자를 사용하는 것입니다. 이를 통해 모든 구성 요소가 전역 상태를 설정하고 모든 구성 요소가 전역 상태의 일부를 소품으로 가져갈 수 있습니다.

이러한 옵션 중 하나를 사용하면 구성 요소간에 데이터를 전달할 수 있습니다.

출처

2017-11-02 15:04:50

React 구성 요소의 네이티브 렌더링DidMount

답변

관련 문제