Programing

Navigator를 사용하여 react original로 동일한 경로를 렌더링할 수 있는가?

c10106 2022. 3. 13. 10:26
반응형

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' })

참조URL: https://stackoverflow.com/questions/47206051/can-we-render-same-route-using-navigator-in-react-native

반응형