Firebase, React, функция высокого порядка - PullRequest
Новая
       16

Firebase, React, функция высокого порядка

0 голосов
/ 19 марта 2019 
import React from "react";

const FirebaseContext = React.createContext(null);

export const withFirebase = Component => props => (
  <FirebaseContext.Consumer>
    {firebase => <Component {...props} firebase={firebase} />}
  </FirebaseContext.Consumer>
);

export default FirebaseContext;

Это HOC, и я впервые работаю с React Content API, и этот код доставляет мне затруднения .. plz help Почему export const withFirebase = Component => props => структурировано таким образом

1 Ответ

0 голосов
/ 19 марта 2019

Потому что это функция карри. HOC принимает компонент в качестве входных данных. Кроме того, ваш компонент ожидает реквизит, вот где реквизит приходит. 

function withFirebase(Component){
  //your HOC logic
}

function Component(props){
 //your logic for component
}

это то, что выглядит с обычным JavaScript 

withFirebase(Component(Props))

ES6 эквивалент 

withFirebase = (Component) => (props)

Надеюсь, это поможет.

...