HOC 中的内部函数如何获取 props

Question

我只是想在 React 中使用 HOC，让我有点困惑的一件事是，我在这个例子中的内部函数如何访问 props作为论据？

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

export default withProps

Answer 1

为了补充@AliAnarkali 所说的内容，一个 HOC returns 你是一个组件，所以当你这样写时

const EnhancedApp = withProps(App);

EnhancedApp 基本上是

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

它是一个功能组件，当您像这样渲染 EnhancedApp 时

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

这类似于函数式组件接收 onChange 和值作为 props 的方式，因此在 HOC 中，内部函数像这样获取 props。

How does the inner function in a HOC get the props