React Native có phạm vi toàn cầu không? Nếu không, làm thế nào tôi có thể bắt chước nó?

Question

tôi đã không thể tìm thấy bất cứ điều gì như

$rootScope 

cho Phản ứng Native và tôi muốn chia sẻ một vài biến giữa Lần khác nhau.

Answer 1

Biến lưu trữ trong phạm vi toàn cục là một chút chống mẫu trong Phản hồi. React được dự định sẽ được sử dụng với luồng dữ liệu một chiều, có nghĩa là dữ liệu sẽ chuyển từ các thành phần xuống con của chúng. Điều này đạt được thông qua the passing of props.

Để chia sẻ giá trị giữa nhiều chế độ xem, bạn cần lưu trữ dữ liệu trên thành phần gốc được chia sẻ và chuyển nó thành prop HOẶC lưu trữ nó trong một thực thể riêng chịu trách nhiệm quản lý dữ liệu. Trong ReactJS, điều này đạt được thông qua các mẫu như Flux, nhưng tôi không chắc chắn về các tùy chọn cho phản ứng gốc.

Answer 2

Ví dụ: bạn có thể xuất lớp với các thuộc tính tĩnh và sau đó nhập vào đó khi cần.

Trong main.js ví dụ:

export class AppColors { 
    static colors = {main_color: "#FFEB3B", secondary_color: "#FFC107"} 
} 

Trong tập tin khác, nơi cần phải nhận được màu sắc này

import { AppColors } from './main.js'; 

class AnotherPage { 
    constructor() { 
     super(); 
     console.log(AppColors.colors); // youla! You will see your main and secondary colors :) 
    } 
} 

Answer 3

Phạm vi toàn cầu trong Phản ứng Native là biến toàn cầu.

global.foo = foo

Sau đó, bạn có thể sử dụng bất cứ nơi nào global.foo.

Nhưng đừng lạm dụng nó! Theo ý kiến ​​của tôi, phạm vi toàn cầu có thể được sử dụng để lưu trữ cấu hình chung hoặc một cái gì đó tương tự. Chia sẻ các biến giữa các khung nhìn khác nhau, như mô tả của bạn, bạn có thể chọn nhiều giải pháp khác (sử dụng redux, flux hoặc lưu chúng trong một thành phần cao hơn), phạm vi toàn cầu không phải là một lựa chọn tốt.

Thực hành tốt để xác định biến toàn cục là sử dụng tệp js. Ví dụ: global.js:

global.foo = foo; 
global.bar = bar; 

Sau đó, để đảm bảo nó được thực thi khi dự án được khởi tạo. Ví dụ, nhập khẩu các tập tin trong index.js:

import './global.js' 
// other code 

Bây giờ, bạn có thể sử dụng các biến toàn cầu bất cứ nơi nào, và không cần phải nhập khẩu global.js trong mỗi tập tin. Cố gắng không sửa đổi chúng!

Answer 4

Bạn có thể lưu trữ các giá trị đó trong trạng thái thành phần gốc. Sau đó, vượt qua các phương thức thay đổi các giá trị đó thông qua các đạo cụ hoặc ngữ cảnh/hoặc giống như @Jakemmarsh được đề xuất - sử dụng phương thức Flux/Redux.

HOẶC, bạn có thể sử dụng AsyncStorage. Nó hữu ích cho việc lưu trữ dữ liệu ứng dụng như mã thông báo và như vậy.