如何重构那些非常相似的箭头函数？

Question

我正在重构 react 文件中的一些代码，我有两个函数几乎可以做同样的事情……但是一个返回一个函数，另一个执行一些代码。

我现在不太擅长 ES6 和箭头功能。我不明白如何重构它。

 switchEventSelectedSchedule = cb => option => {

    this.setState(

      // Mutate the state

      () => ({

        eventSelected: option.id,

        isLoading: true

      }),

      // Callback to fire when the state has been mutated with the new event id

      async () => {

        await this.longPollingAllMatches();

        this.setState(() => ({

          isLoading: false

        }));

        const { currentRoundId, rounds } = this.state;

        cb(rounds, currentRoundId);

      }

    );

  };

  switchEventSelectedRoundTable = option => {

    this.setState(

      // Mutate the state

      () => ({

        eventSelected: option.id,

        isLoading: true

      }),

      // Callback to fire when the state has been mutated with the new event id

      async () => {

        await this.longPollingAllMatches();

        this.setState(() => ({

          isLoading: false

        }));

      }

    );

  };

在一种情况下（想象一下 if(schedule)）我需要返回 cb 函数，否则我必须只执行其余的代码。

抱歉似乎很愚蠢，但我想我误解了 ES6 语法中的某些内容来实现这一目标....

Answer 1

只需switchEventSelectedRoundTable使用不执行任何操作的回调调用另一个函数即可。由于switchEventSelectedSchedule是curried，这很简单：switchEventSelectedRoundTable = switchEventSelectedSchedule((rounds, currentRoundId) => {});