Graphql调用axios多次调用性能/重构

Question

我可以删除数据并将其添加到我的 JSON 文件中，但如果我一直按下按钮（切换添加/删除），我会遇到网络故障。我假设我不能像这样发出多个请求？

const handleSave = save => {
  if (save.toLowerCase() === 'save') {
    props
      .addSaved({
        variables: {
          id: props.id,
        },
      })
      .then(res => {
        setSaved('Unsave');
        setSavedPropData(res.data.addSaved);
      });
  } else {
    props
      .deleteSaved({
        variables: {
          id: savedPropData.id,
        },
      })
      .then(() => setSaved('Save'));
  }
};

以上是我的句柄保存数据的sn-p。因此，每次按下它都会切换保存或取消保存，然后它会将数据添加或删除到我的 JSON 中。我目前正在使用 json 服务器来测试应用程序。

const savedMutate = gql`
  mutation addSaved($id: String) {
    addSaved(id: $id) {
      id
    }
  }
`;

const deletedMutate = gql`
  mutation deleteSaved($id: String) {
    deleteSaved(id: $id) {
      id
    }
  }
`;

export default _.flowRight(
  graphql(savedMutate, {name: 'addSaved'}),
  graphql(deletedMutate, {name: 'deleteSaved'}),
)(withNavigation(Card));

如果我将应用程序部署到生产环境中，是否有更好的方法来做到这一点？目前，当我快速切换时，我遇到了网络故障。我刚刚又试了一次，是不是因为我的应用程序每次都会刷新，而在刷新时，我试图保存到我的数据库中，但它还没有完全挂载？这只发生在开发中吗？

突变：

addSaved: {
  type: SavedType,
  args: {
    id: {type: GraphQLString},
  },
  resolve(parentValue, {id}) {
    return axios
      .post(`http://localhost:3000/saved`, {id})
      .then(res => res.data);
  },
},
deleteSaved: {
  type: SavedType,
  args: {
    id: {type: GraphQLString}
  },
  resolve(parentValue, {id}) {
    return axios
      .delete(`http://localhost:3000/saved/${id}`)
      .then(res => res.data);
  },
},

Answer 1

如果您使用 nodemon 运行您的服务器并且您正在写入某个文件以响应请求并且该文件正在被 nodemon 监视，那么您的请求将始终触发服务器重新启动。由于第一个请求会重新启动服务器，因此紧随其后的任何请求都将失败，因为您的服务器在重新启动时将关闭。

您需要configure nodemon to ignore the appropriate files or directories。这样，对文件的任何更改都不会导致 nodemon 重新启动您的服务器。