如何在fela和react中使用redux？

在fela和react中使用redux，可以通过以下步骤实现：

1. 首先，确保你已经安装了redux和react-redux库。可以使用以下命令进行安装：npm install redux react-redux
2. 创建一个Redux store，用于存储应用的状态。在Redux中，store是一个包含所有状态的对象。可以使用redux的createStore函数来创建store。例如：import { createStore } from 'redux'; import rootReducer from './reducers'; // 导入根reducer

const store = createStore(rootReducer);

1. 在React应用的顶层组件中，使用react-redux提供的Provider组件将store传递给应用的所有子组件。例如：import React from 'react'; import { Provider } from 'react-redux'; import store from './store'; // 导入创建的store import App from './App';

const Root = () => (

 <Provider store={store}>

   <App />

 </Provider>

);

export default Root;

1. 在需要使用redux状态的组件中，使用react-redux提供的connect函数连接组件和redux store。connect函数接受两个参数：mapStateToProps和mapDispatchToProps。mapStateToProps用于将store中的状态映射到组件的props中，而mapDispatchToProps用于将action创建函数映射到组件的props中。例如：import React from 'react'; import { connect } from 'react-redux'; import { incrementCounter } from './actions';

const Counter = ({ counter, incrementCounter }) => (

 <div>

   <p>Counter: {counter}</p>

   <button onClick={incrementCounter}>Increment</button>

 </div>

);

const mapStateToProps = state => ({

 counter: state.counter // 假设counter是store中的一个状态

});

const mapDispatchToProps = {

 incrementCounter // 假设incrementCounter是一个action创建函数

};

export default connect(mapStateToProps, mapDispatchToProps)(Counter);

在上面的例子中，Counter组件通过connect函数连接到redux store，并将counter状态和incrementCounter action创建函数映射到组件的props中。这样，Counter组件就可以通过props访问和更新redux中的状态了。

以上就是在fela和react中使用redux的基本步骤。需要注意的是，fela是一个用于处理CSS的工具，而redux是一个用于管理应用状态的库，它们可以一起使用来管理应用的状态和样式。