使用 simpleWebRTC 进行存储设置

Question

我正在尝试将 simpreWebRTC 集成到我的 React-Redux 项目中，但是该库有自己的 redux 存储，文档是这样说的：

”所提供的createStore函数使一个基本的Redux 商店对于开始工作很有用。如果你想自己制作，从 '@andyet/simplewebrtc' 导入 reducer 和请务必将其分配给顶层的 simplewebrtc 你的状态对象。

我已经尝试了几种方法，但没有任何效果，知道吗？我在这里缺少什么？谢谢

这是我目前的代码：

store.js

import {createStore, applyMiddleware} from 'redux'
import rootReducer from './reducers/index'
import thunk from 'redux-thunk';

export default createStore(rootReducer, applyMiddleware(thunk));

const store = createStore(rootReducer);
console.log(store.getState());

./reducers/index.js

import {combineReducers} from 'redux'
import {reducer as simplewertc} from '@andyet/simplewebrtc'
import liveRoomReducer from './liveRoomReducer'


export default combineReducers({simplewertc, liveRoomReducer});

./reducers/liveRoomReducer.js

const initialState = {    
    test : 'test' 
};

export default function liveRoomReducer(state=initialState, action) {    
    return state;
};

我正在控制台中记录存储状态并在其上显示 simplewebrtc:

并且仍然显示此错误：

Answer 1

使用 thunk 中间件创建您自己的商店并使用 combineReducers 应该可以解决问题：

import {combineReducers} from 'redux';
import {reducer as simplewebrtc} from '@andyet/simplewebrtc';
import reducer1 from 'path/to/your/reducer1';
import reducer2 from 'path/to/your/reducer2';

export default combineReducers({simplewebrtc, reducer1 , reducer2});

如果这对您不起作用，请提供显示的错误（如果有）以及一些关于如何创建 redux 存储和 root reducer 的示例代码。

编辑：在看到更新后的问题和代码后，我们发现问题是在导入减速器时输入错误。

使用 simpleWebRTC 进行存储设置

Store setup with simpleWebRTC

reactjs

redux

webrtc

reducers

simplewebrtc