18、Redux实战：从基础到与远程API交互

Redux实战：从基础到与远程API交互

1. 定义动作（Actions）

在Redux中，动作是描述状态变化的简单JavaScript对象。我们需要为应用定义不同的动作，例如获取照片、添加照片和移除照片。

首先，定义获取照片的动作类型和动作创建函数：

export const FETCH_PHOTOS = 'FETCH_PHOTOS';
export const fetchPhotos = () => {
  return {
    type: FETCH_PHOTOS,
    payload: // 这里可以是获取照片的数据
  };
};

同样，定义移除照片的动作类型和动作创建函数：

export const REMOVE_PHOTO = 'REMOVE_PHOTO';
export const removePhoto = (photo) => {
  return {
    type: REMOVE_PHOTO,
    payload: photo
  };
};

动作的工作原理如下：
- 动作类型（type）：用于指示动作的作用，通常使用常量，因为它会在多个地方使用，包括动作创建函数、reducer和测试。
- 动作创建函数（action creator）：返回一个动作对象，每个动作必须有一个type属性，还可以包含一个payload属性，用于携带与动作相关的数据。

目前，我们已经定义了