如何将字符串更改为带有枚举的整数？ ReactJS

问题描述

我有问题。我有一个很大的多步形式，在其中我将字符串分配给状态，问题是，我的后端（我的朋友来负责）是整数。我听说可以将字符串更改为int，这样我就可以成功向后端发送请求，而不会出现错误400。 状态看起来像这样：

state = {
selectMode: "",selectCurrentDivision: "",selectCurrentTier: "",selectFutureDivision: "",selectFutureTier: "",TypeOfService: "",Extras: ""
}

如何使用枚举将特定字符串分配给特定编号？例如：FirstMode = 1，SecondMode = 2，ThirdMode = 3

解决方法

如果同时需要枚举的字符串和整数值，则可以这样映射打字稿枚举：

enum Mode {
  First = 'FirstMode',Second = 'SecondMode',Third = 'ThirdMode',}

const modeToInt: { [K in Mode]: number} = {
  [Mode.First]: 1,[Mode.Second]: 2,[Mode.Third]: 3,}

function fetchAPI(mode: Mode) {
  const n = modeToInt[mode]
  return `https://example.org/${n}`
}

const state: { mode: Mode } = {
  mode: Mode.First,}
console.log(state.mode) // FirstMode
console.log(fetchAPI(state.mode)) // 1

Playground link

如果只需要数字表示形式，只需直接在enum Mode中使用数字而不是字符串。