#React Redux中常数的目的是什么？

使用IDE时，常量使您可以轻松找到整个项目中该特定功能的所有用法。它还可以防止您引入由错别字引起的愚蠢错误，在这种情况下，您将ReferenceError立即得到解决。

通常，我们会将它们保存在一个文件中（constants.js或actionTypes.js）。

export const ADD_TODO = 'ADD_TODO'
export const DELETE_TODO = 'DELETE_TODO'
export const EDIT_TODO = 'EDIT_TODO'
export const COMPLETE_TODO = 'COMPLETE_TODO'
export const COMPLETE_ALL = 'COMPLETE_ALL'
export const CLEAR_COMPLETED = 'CLEAR_COMPLETED'

在Redux中，您可以在两个地方使用它们：

在动作创建期间：

让我们来actions.js：

从' ./actionTypes '导入 { ADD_TODO } ;

During action creation:

Let's take actions.js:

import { ADD_TODO } from './actionTypes';

export function addTodo(text) {
  return { type: ADD_TODO, text }
}

在减速器中：

让我们来创建reducer.js：

import { ADD_TODO } from './actionTypes'

export default (state = [], action) => {
  switch (action.type) {
    case ADD_TODO:
      return [
        ...state,
        {
          text: action.text,
          completed: false
        }
      ];
    default:
      return state
  }
}