Phản ứng phân vùng gốc và phản ứng điều hướng

Tôi đang phải đối mặt với một loại vấn đề phức tạp do phân trang và React Native Navigation. Ngăn kéo có danh sách danh mục khi nhấp, tất cả sẽ đi đến màn hình

Báo cáo vấn đề:

Khi tôi nhấp ngẫu nhiên vào danh mục, mọi thứ đều hoạt động tốt. Nhưng, nhận được vấn đề trong quá trình phân trang. Giả sử tôi nhấp vào danh mục Người tiêu dùng và cuộn để biết thêm hồ sơ. Sau đó tôi nhấp vào thể loại Di động . Trang Danh mục Di động sẽ được hiển thị trong một giây và sau đó tuyến trước đó được gọi là (Người tiêu dùng).

Tôi đã thử với đoạn mã sau để điều hướng danh mục nhưng gặp vấn đề tương tự.

Mã số:

1).

this.props.navigation.navigate({
  routeName: "CategoryList",
  params: {
    cat_id: e.cat_id
  },
  key: Math.random () * 10000
})

2).

const resetAction = StackActions.reset({
  index: 0,
  actions: [NavigationActions.navigate({
    routeName: 'CategoryList',
    params: {
      cat_id: e.cat_id
    }
  })],
});
this.props.navigation.dispatch(resetAction);

3).

const pushAction = StackActions.push({
  routeName: "CategoryList",
  params: {
    cat_id: e.cat_id
  }
});
this.props.navigation.dispatch(pushAction);

react-native react-navigation

— Vikash Dhiman
nguồn

Không nhận được quan điểm của bạn. Bạn có thể giải thích nó với nhiều chi tiết hơn hoặc bằng video?

— Kishan Vaghela

@KishanVaghela Nói một cách đơn giản khi tôi nhấp vào tải thêm sản phẩm sau khi tải sản phẩm mới, tôi điều hướng đến danh mục khác, ví dụ như Di động. Trang chuyển hướng 2 lần, 1 để hiển thị các danh mục di động là chính xác, nhưng đột nhiên nó chuyển hướng đến trang danh mục trước đó, ví dụ: localhost / category / 1? Page_no = 2 nhưng nó nên tải trang của localhost / category / 5 nhưng không phải là bản ghi phân trang trước đó đó là localhost / category / 1? page_no = 2 . Tôi hy vọng điều này có ý nghĩa.

— Vikash Dhiman

Tôi nghĩ rằng có một vấn đề trong một phần khác, không phải điều hướng.

— DevLover

Vẫn thêm một video có thể giúp đỡ.

— Ashwin Mothilal

@AshwinMothilal Tôi không thể thêm video. Điều này là bất hợp pháp theo công ty của tôi. Tôi xin lỗi tôi không thể chia sẻ video.

— Vikash Dhiman

Trong trangListList hiển thị các mục cũ do chúng tôi có các bản ghi cũ trong cửa hàng redux của chúng tôi, vì vậy chúng tôi cần phải tự gán mảng trống cho lần đầu tiên. Vì vậy, khi trang của chúng tôi được gọi, chúng tôi sẽ tự gán mảng trống.

componentWillMount = () => {
this.props.categoryListRecord.categoryList = []
}

mapStateToProps = (state) => { ....
categoryListRecord : state.categoryListReducer

sau đó chúng tôi có thể gửi hành động của mình và nhận bản ghi mới và sử dụng nó trong thành phần của chúng tôi. Giải quyết lỗi này

— Prakash Karena
nguồn