반응형
Navigator를 사용하여 react original로 동일한 경로를 렌더링할 수 있는가?
나에겐 전망이 있어, DynamicView라고 하자.다른 매개 변수를 사용하여 탐색기에서 동일한 뷰(DynamicView)를 푸시하려고 한다.
this.props.navigator.push({
component: DynamicView,
params: {} //Different params
})
...
export default connect(mapStateToProps, mapDispatchToProps)(DynamicView)
DynamicView는 Reducx 흐름과 연결된다.그러나 푸시 컴포넌트의 최신 상태에 접근할 수 없다.
이게 옳은 일인가, 알고 싶어.예인 경우 부모 구성 요소와 동일한 푸시 구성 요소의 최신 상태에 어떻게 액세스할 수 있는가?만약 그렇지 않다면, 새로운 경로를 동적으로 만들기 위한 다른 접근법이 있는가?
어떤 도움이라도 감사하다.고마워요.
Native v0.40 반응
예를 들어 StackNavigator와 같은 React Navigator 네비게이터는 이를 쉽게 지원할 수 있다.리액트 네비게이션의 작성자가 여기서 확인한 바와 같이.
StackNavigator를 사용하여 기본 탐색 작업을 수행한다고 가정해 보십시오.넌 이런 짓을 할 거야:
export const SimpleApp = StackNavigator({
MyDynamicView: { screen: DynamicView }
... other routes ...
});
그런 다음 Resact 구성 요소(DynamicView 구성 요소 포함)에서MyDynamicView
다른 매개 변수를 사용하여 원하는 횟수만큼 경로 지정:
navigation.navigate('MyDynamicView, { username: 'John' })
또는
navigation.navigate('MyDynamicView, { username: 'John2' })
반응형
'Programing' 카테고리의 다른 글
단위시험을 위한 각도부재에서의 모의서비스 기능 (0) | 2022.03.13 |
---|---|
동일한 구성 요소의 메서드 내에서 VueJS 수명 주기 후크 호출 (0) | 2022.03.13 |
Python을 사용하여 HTML 구문 분석 (0) | 2022.03.13 |
Vuetify에서 v-card 구성 요소의 중앙에 콘텐츠를 맞추는 방법 (0) | 2022.03.13 |
vuex에서 스토어 값을 보는 방법? (0) | 2022.03.13 |