流式减速器不会产生错误

Question

我是 flowtypes 的新手，想在输入这个 reducer 时寻求帮助。

// @flow

type State = {
  [id: string]: boolean
};

type Action = { type: 'SET_ID', id: number, someValue: string };

function reducer(state: State, action: Action): State {
  switch (action.type) {
    case 'SET_ID':
      const { id, someValue } = action;
      return { [id]: someValue };
    default:
      (action: empty);
      return state;
  }
}

我正在传递带有 id 作为数字和 someValue 作为字符串的操作，但状态 id 应该是字符串，而 someValue 应该是布尔值。 Flow 产生 0 个错误。有什么想法吗？

谢谢！

Answer 1

我使用 flow 已经有一段时间了，还不是专业人士，但我想我可以帮上忙。我在下面做的是虽然 ID 是一个变量，但我认为不需要为它分配一个键 - 它只是一个字符串。它只分配了一个变量，因为您将它传递给一个函数并使用它 - 所以它所需要的只是一个字符串。这样，如果您传递一个数字，它现在应该会抛出一个错误，因此您可以决定是先将数字转换为字符串，还是先将初始项目更改为数字而不是状态类型中的字符串.

那么someValue就是key(string)的值，也应该是字符串而不是布尔值。

type State = {
  [string]: string
};

type Action = { type: 'SET_ID', id: number, someValue: string };

function reducer(state: State, action: Action): State {
  switch (action.type) {
    case 'SET_ID':
      const { id, someValue } = action;
      return { [id.toString()]: someValue };
    default:
      (action: empty);
      return state;
  }
}

reducer 返回的数据示例如下：

{'1231413413324': 'my new value from the reducer'}