javascript - 在 React 中，什么会调用高阶组件和 redux-thunk 之类的返回函数？

Question

我的问题是关于 React 中什么调用返回函数？例如，使用 redux-thunk，假设我从任意组件的 componentDidMount() 调用以下函数，

getCurrentPoll() 

我的 redux-thunk 操作定义如下:

export const getCurrentPoll = pollId => async dispatch => {
    try {
        const currentPoll = await api.call('get', `polls/${pollId}`)
        dispatch(actionGetCurrentPoll(currentPoll))
        dispatch(removeError())
    } catch (err) {
        const { message } = err.response.data
        dispatch(addError(message))
    }
}

我的理解是调用getCurrentPoll()将返回异步调度函数。但是什么调用返回的异步调度函数呢？

同样对于高阶组件..比如说下面的函数，它将上下文 api 值注入(inject)到组件 props 中。

const withRoomConsumer = Component => props =>
    <RoomContext.Consumer>
        {value => <Component {...props} context={value} />}
    </RoomContext.Consumer>

当您运行export default withRoomConsumer(RoomsContainer)时，什么会调用返回的函数props =>...

提前谢谢

Answer 1

redux-thunk 创建一个 redux 中间件并检查该操作是否是一个函数，然后调用该函数。你可以查看他们的implementation here ，很简单只有14行

React HOC 返回一个功能性 React 组件，React 将照常渲染该组件。 (它也可以是一个类组件)