函数当作组件使用时的效果

来源：5-5 用useContext存储全局用户信息

ericka4381368

2022-02-13

export const AppProviders = ({children}: { children: ReactNode }) => {
    return (
        <AuthProvider>
            {children}
        </AuthProvider>
    )
}

AuthProvider和AppProvider不都是一个函数吗？
为什么可以写成组件的样子？有什么作用？
我的理解是中间的{children}就相当于是AuthProvider的参数，最后会

return <AuthContext.Provider children={children} value={{user, login, register, logout}}/>

对吗

写回答

1回答

Nolan

2022-03-17

没错，chilren这个属性，有两种方法传进去

return <AuthContext.Provider children={children} value={{user, login, register, logout}}/>

<AuthContext.Provider>{children}</AuthContext.Provider>

React17+Hook+TS4 优质实践，仿 Jira 企业级项目

解锁 React17 高阶用法，轻松应对大型复杂长周期项目

2691 学习 · 1236 问题

查看课程

相似问题

总觉得不是一定要useCallback的，只有把函数当做参数传给组件props的时候，才要包一下useCallback，平时就eslint-disable。。。

回答 2

关于useCallback

回答 1

关于函数组件执行次数的问题

回答 1

老师，为什么用普通的闭包防抖函数作为useEffect的回调函数不起作用？

回答 3

关于在 react 组件外部但在文件内部变量作用域

回答 1

打开慕课网App查看更多内容