【Reactjs】HOC生成関数の=>記法について

Question

下記のConnectはHOCを生成する関数ですがこの記法はReactjs特有のものでしょうか？
(ChildComponent) => (props) => のところで => が２つ出てきており、通常のアロー関数と少し異なります。
Reactのドキュメントをみても見つけられなかったので、マニュアル等があったら教えていただきたいです。
動作は問題ないことを確認しています。

// Componentを引数に受け取る関数。 propsはComponentのpropsを取り出している
const Connect = (ChildComponent) => (props) => (
  <AppContext.Consumer>
    {(context) => <ChildComponent {...props} context={context} />}
  </AppContext.Consumer>
);

const ConnectedHomeScreen = Connect(HomeScreen);

function HomeScreen(props) {
  return (
    <View style={styles.container}>
      <Text>HomeScreen</Text>
      <Button
        title="logout"
        onPress={() => props.context.setLogin(false)}
      ></Button>
    </View>
  );
}

Answer 1

多分これと等価。

export const Connect = (ChildComponent) => {
  return (props) => (
    <AppContext.Consumer>
      {(context) => <ChildComponent {...props} context={context} />}
    </AppContext.Consumer>
  );
};

Answer 2

=> が２つ出てきており、通常のアロー関数と少し異なります。

いえ、ただ単に「別の関数を返す関数」というだけです。特別な文法ではありません。

Comments

[Yussa]

ありがとうございます。改行したらイメージ分かりました。

[Yussa]

```