如何从基于 react redux 的节点模块导出 reducer

Question

我有一个项目需要从外部节点模块导入组件，项目和组件都使用 React 和 Redux，我希望它们共享同一个商店。

这是节点模块组件的reducer示例：

export default function search(state = INITIAL_STATE, action) {
switch (action.type) {
    case SET_SEARCH_STRING:
        return state.set("searchString", action.searchString);
    case SET_SEARCH_TYPE:
        return state.set("searchType", action.searchType);

下面是节点模块中组件的导出：

var SearchReducer = require("./WebContent/js/reducers/search");
var CollectionsReducer = require("./WebContent/js/reducers/collections");

exports.SearchReducer = SearchReducer;
exports.CollectionsReducer = CollectionsReducer;

这是主项目中的导入

import content from "./content"
    import SearchReducer from "search-ui";
    import CollectionsReducer from "search-ui";

    const REDUCERS = {content, SearchReducer, CollectionsReducer};
    export default combineReducers(REDUCERS);

当我尝试加载页面时出现类型错误

未捕获类型错误：reducer 不是函数 - combineReducers.js:37

现在，如果我提供到节点模块减速器的直接路径 -

即import collections from "../../../node_modules/search-ui/WebContent/js/reducers/collections";

它工作正常，所以我的问题是，我在导入和导出方面做错了什么？

Answer 1

因为它不是默认导出，试试这个。

import {SearchReducer, CollectionsReducer} from 'search-ui'

或者，您可以提供完整路径，但无需将其设为相对路径

import SearchReducer from 'search-ui/WebContent/js/reducers/search'
import CollectionsReducer from 'search-ui/WebContent/js/reducers/collections

如何从基于 react redux 的节点模块导出 reducer

How to export a reducer from a react redux based node module

javascript

npm

reactjs

react-redux