Как внутренняя функция в HOC получает реквизит - PullRequest
Новая
       22

Как внутренняя функция в HOC получает реквизит

0 голосов
/ 25 апреля 2018

Я просто использую HOC в React, меня немного смущает то, как моя внутренняя функция в этом примере получает доступ к props в качестве аргумента? 

const withProps = Component => (
  props => {
    return <Component {...props}/>
  }
)

export default withProps

1 Ответ

0 голосов
/ 25 апреля 2018

Чтобы добавить больше к тому, что сказал @AliAnarkali, HOC возвращает вам компонент, поэтому, когда вы пишете как 

const EnhancedApp = withProps(App);

EnhancedApp в основном 

  const EnhancedApp = props => {
    return <Component {...props}/>
  }

какой функциональный компонент и когда вы визуализируете EnhancedApp, как 

<EnhancedApp onChange={this.onChange} value={this.state.value} />

Это похоже на то, как функциональный компонент получает onChange и значение в качестве реквизита, и, следовательно, в HOC внутренняя функция получает реквизит, как это.

...