如何使用 Redux Toolkit的actions和reducers，请给出具体实例

Redux Toolkit (RTK) 是 Redux 的官方推荐工具集，提供了一组便捷的辅助方法来创建和管理 Redux 应用程序。下面是使用 RTK 创建 actions 和 reducers 的简单步骤：

**1. 安装依赖**
首先确保已经安装了 `@reduxjs/toolkit`，如果还没有安装，可以在项目根目录运行：

npm install @reduxjs/toolkit

或者 yarn：

yarn add @reduxjs/toolkit

**2. 创建 store**
在你的应用目录下创建 `store.js` 文件，并导入 `createStore` 和 `configureStore` 函数：

import { configureStore } from '@reduxjs/toolkit';

const store = configureStore({
  reducer: {} // 后续会添加具体的 reducer
});
export default store;

**3. 创建 actions**
在你想管理数据的地方创建一个文件，例如 `counterActions.js`，创建一个 `increment` 和 `decrement` action creator 对象：

import { createSlice } from '@reduxjs/toolkit';

const counterSlice = createSlice({
  name: 'counter',
  initialState: 0,
  reducers: {
    increment: (state) => state + 1,
    decrement: (state) => state - 1,
  },
});

export const { increment, decrement } = counterSlice.actions;

// Export the slice for use in your components
export default counterSlice.reducer;

**4. 引入和使用 actions**
在需要改变状态的地方，如某个按钮点击事件处理器中，导入 `increment` 或 `decrement` 并使用它们：

import { useDispatch } from 'react-redux';
import { increment } from './counterActions';

function ButtonComponent() {
  const dispatch = useDispatch();
  
  const handleClick = () => dispatch(increment());
  
  return <button onClick={handleClick}>Increment</button>;
}

**5. Reducers接收并处理 actions**
当你在其他组件中订阅 `counter` 的状态改变时，它会在状态更改时自动调用相应的 reducer：

import { useSelector } from 'react-redux';
import { counter } from './store';

function CounterDisplay() {
  const count = useSelector(state => state.counter);

  return <h1>Count: {count}</h1>;
}

export default CounterDisplay;

**相关问题--:**
1. Redux Toolkit如何帮助简化异步操作的处理？
2. 如何在RTK中处理复杂的action结构，比如包含副作用的action?
3. 在Redux中，reducers是如何更新状态的？