ReplaceReducer gây lỗi khóa bất ngờ

Question

Tôi có ứng dụng React tự động tải mô-đun, bao gồm chức năng giảm tốc của mô-đun và sau đó gọi trình thay thế của Redux, thay thế bộ giảm tốc. Rất tiếc, tôi gặp phải lỗi của

Khóa không mong muốn "bookEntry" được tìm thấy trong đối số initialState được truyền cho createStore. Dự kiến ​​sẽ tìm thấy một trong các khóa giảm tốc đã biết: "bookList", "root". Các khóa không mong muốn sẽ bị bỏ qua.

nơi bookEntry là một khóa trên bộ giảm tốc cũ hơn đang được thay thế. Và bắt đầu với mô-đun bookEntry và chuyển sang bookList gây ra lỗi nghịch đảo này

Khóa không mong muốn "bookList" được tìm thấy trong đối số initialState được truyền cho createStore. Dự kiến ​​sẽ tìm thấy một trong các khóa giảm tốc đã biết: "bookEntry", "root". Các khóa không mong muốn sẽ bị bỏ qua.

Mã dưới đây - không nhận xét rằng mã nhận xét thực tế sửa lỗi này, nhưng tôi đoán là không cần thiết.

Tôi có làm điều gì đó sai trái với Redux đang tạo mã này cần thiết không?

function getNewReducer(reducerObj){ 
    if (!reducerObj) return Redux.combineReducers({ root: rootReducer }); 

    //store.replaceReducer(function(){ 
    // return { 
    //  root: rootReducer() 
    // } 
    //}); 

    store.replaceReducer(Redux.combineReducers({ 
     [reducerObj.name]: reducerObj.reducer, 
     root: rootReducer 
    })); 
} 

Answer 1

Nói chung chúng tôi không đề nghị bạn để “dọn dẹp” dữ liệu khi thay đổi tuyến hoặc tải các module mới. Điều này làm cho ứng dụng trở nên ít có thể đoán trước được. Nếu chúng ta đang nói về hàng trăm nghìn hồ sơ, thì chắc chắn. Đây có phải là khối lượng dữ liệu bạn định tải không?

Nếu chỉ có một vài nghìn mục trên mỗi trang, sẽ không có lợi ích khi dỡ chúng và có những nhược điểm liên quan đến sự phức tạp mà bạn thêm vào ứng dụng. Vì vậy, hãy đảm bảo bạn đang giải quyết một vấn đề thực sự và không tối ưu hóa sớm.

Bây giờ, đến thông điệp cảnh báo. Séc được xác định bên trong combineReducers(). Nó có nghĩa là các khóa trạng thái không mong muốn sẽ bị loại bỏ. Sau khi bạn xóa trình gỡ lỗi bookEntry được quản lý state.bookEntry, phần đó của tiểu bang không còn được công nhận bởi trình giảm gốc mới và combineReducers() đã ghi lại cảnh báo rằng nó sẽ bị loại bỏ. Lưu ý rằng đây là cảnh báo và không phải là lỗi. Mã của bạn chỉ chạy tốt. Chúng tôi sử dụng console.error() để cảnh báo nổi bật, nhưng nó không thực sự ném, vì vậy bạn có thể bỏ qua nó một cách an toàn.

Chúng tôi thực sự không muốn đặt cấu hình cảnh báo vì bạn thực chất là xóa xóa một phần của trạng thái đơn đăng ký. Thông thường mọi người làm điều này do nhầm lẫn, và không cố ý. Vì vậy, chúng tôi muốn cảnh báo về điều đó. Nếu bạn muốn nhận được xung quanh cảnh báo, đặt cược tốt nhất của bạn là viết bộ giảm gốc (hiện được tạo bởi combineReducers()) bằng tay. Nó sẽ trông như sau:

// I renamed what you called "root" reducer 
// to "main" reducer because the root reducer 
// is the combined one. 
let mainReducer = (state, action) => ... 

// This is like your own combineReducers() with custom behavior 
function getRootReducer(dynamicReducer) { 
    // Creates a reducer from the main and a dynamic reducer 
    return function (state, action) { 
    // Calculate main state 
    let nextState = { 
     main: mainReducer(state.main, action) 
    }; 

    // If specified, calculate dynamic reducer state 
    if (dynamicReducer) { 
     nextState[dynamicReducer.name] = dynamicReducer.reducer(
     nextState[dynamicReducer.name], 
     action 
    ); 
    } 

    return nextState; 
    }; 
} 

// Create the store without a dynamic reducer 
export function createStoreWithoutDynamicReducer() { 
    return Redux.createStore(getRootReducer()); 
} 

// Later call this to replace the dynamic reducer on a store instance 
export function setDynamicReducer(store, dynamicReducer) { 
    store.replaceReducer(getRootReducer(dynamicReducer)); 
} 

Tuy nhiên, mẫu chúng tôi đề xuất là keep the old reducers around.