如何将 redux 与 fela 一起使用并做出反应？答案

【问题标题】：How to use redux with fela and react?如何将 redux 与 fela 一起使用并做出反应？
【发布时间】：2017-07-08 13:03:20
【问题描述】：

首先感谢您的关注。我正在尝试使用 fela 来动态设置我的组件的样式。同样为了管理应用程序的状态，我们需要使用redux。在 fela 中，我们需要使用 Provider 来包装应用程序的所有组件。在 redux 中我们也有同样的东西。例如我们拥有的应用程序的根目录：

import { createRenderer } from 'fela'
import { Provider } from 'react-fela'
import { render } from 'react-dom'
import React from 'react'

const renderer = createRenderer()

render(
   <Provider renderer={renderer}>
     <App />
   </Provider>,
 document.getElementById('app')
)

在 redux 应用的根目录中我们有：

import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import { createStore } from 'redux'
import todoApp from './reducers'
import App from './components/App'

let store = createStore(todoApp)

render(
   <Provider store={store}>
       <App />
   </Provider>,
   document.getElementById('root')
)

而我的问题是如何一起使用这些包。

【问题讨论】：

标签： javascript reactjs ecmascript-6 redux

【解决方案1】：

在import中使用as语法可以解决这个问题。例如：

import React from 'react'
import { render } from 'react-dom'
import { Provider as ReduxProvider } from 'react-redux'
import { Provider as FelaProvider } from 'react-fela'
import { createStore } from 'redux'
import todoApp from './reducers'
import App from './components/App'

let store = createStore(todoApp)

render(
   <ReduxProvider store={store}>
       <FelaProvider>
           <App />
       </FelaProvider>
   </ReduxProvider>,
   document.getElementById('root')
)

【讨论】：