Phần 2: Cách tỷ lệ cá cược world cup hôm nay Reactjs dễ dàng (8/7)

7) ReactRouter

, URL không thay đổi ngay cả khi màn hình thay đổi, vì vậy nếu bạn tải lại trình duyệt sau khi thay đổi màn hình, bạn sẽ được đưa trở lại màn hình ban đầu, điều này không được mong muốn lắm từ góc độ khả năng tỷ lệ cá cược world cup hôm nay Tốt hơn là nên thay đổi URL khi quá trình chuyển đổi màn hình diễn ra Có hai cách để quản lý quá trình chuyển đổi màn hình này: một là tỷ lệ cá cược world cup hôm nay hàm băm và hai là tỷ lệ cá cược world cup hôm nay API lịch sử của trình duyệt

Phương pháp tỷ lệ cá cược world cup hôm nay hàm băm lưu trữ thông tin về trang hiện đang hiển thị trong hàm băm và quản lý trang nào đã được truy cập Ví dụhttp://examplecom/#/menuhiển thị menu vàhttp://examplecom/#/top, trang trên cùng sẽ được hiển thị Tuy nhiên, để triển khai cơ chế này, bạn cần nghe sự kiện windowonhashchange trong JavaScript và lấy hàm băm bên trong nó

Mặt khác, việc tỷ lệ cá cược world cup hôm nay API lịch sử không đặt giá trị trong hàm băm mà trực tiếp thay đổi URL Ví dụhttp://examplecom/menuđể hiển thị menu,http://examplecom/topBằng cách tỷ lệ cá cược world cup hôm nay API lịch sử, bạn có thể thay đổi URL đang được truy cập bằng JavaScript mà không cần thay đổi màn hình, do đó bạn có thể quản lý chuyển đổi màn hình bằng cơ chế này Tuy nhiên, khi tải lại, bạn phải nghĩ ra cách hiển thị màn hình giống như trước khi tải lại

ReactRouter là cơ chế Reactjs thực hiện tốt các quy trình này Bạn có thể dễ dàng mô tả URL nào thực hiện quy trình nào

varPhản ứng= yêu cầu('Phản ứng');
varBộ định tuyến= yêu cầu('bộ định tuyến phản ứng');
varTuyến đường mặc định=Bộ định tuyến.DefaultRoute;
varLộ trình=Bộ định tuyến.Tuyến đường;
varChính= yêu cầu('/comComponents/Main');
 
mô-đun.xuất= (
  <Tên tuyến đường="tầm radar"đường dẫn="/">
    <Tên tuyến đường="radarScope"đường dẫn="radarScope"người xử lý={Chính}/>
    <Tên tuyến đường="radarScopeYM"đường dẫn="radarScope/:yearMonth"người xử lý={Chính}/>
    <Tên tuyến đường="radarScopeCategory"đường dẫn="radarScope/category/:categoryId/:yearMonth"người xử lý={Chính}/>
    <Trình xử lý DefaultRoute={Chính}/>
  </Tuyến>
);

ReactRadarScope tỷ lệ cá cược world cup hôm nay ReactRouter như mô tả ở trên và Tuyến được xử lý sẽ thay đổi tùy thuộc vào URL được truy cập Ví dụ:/radarScopename=radarScopeđược thực thi và/radarScope/201402name=radarScopeYMsẽ được thực thi

Sau khi xác định Router như trên

vartuyến đường= yêu cầu('/Tuyến');
Bộ định tuyến.chạy(tuyến đường, chức năng (Người xử lý) {
 Phản ứng.kết xuất(<Người xử lý/>, tài liệu.cơ thể);
});

, quá trình chuyển đổi màn hình sẽ được quản lý bằng hàm băm Mặt khác, nếu bạn muốn quản lý chuyển đổi màn hình bằng API Lịch sử, hãy làm như sau

Bộ định tuyến.chạy(tuyến đường,Bộ định tuyến.Vị trí lịch sử, chức năng (Người xử lý) {
 Phản ứng.kết xuất(<Người xử lý/>, tài liệu.nội dung);
});

Ngoài ra, nếu bạn muốn tỷ lệ cá cược world cup hôm nay cơ chế này để chuyển đổi màn hình, ReactRouter sẽ cung cấp nó<Link/>tỷ lệ cá cược world cup hôm nay thẻ