Question

因此，我知道循环引用，并将上下文放在另一个文件中

import React from 'react'

export const MainContext = React.createContext({ test: 'test!'})

然后，我用它包装“ App”文件的render方法，如下所示：

<MainContext.Provider value={'Literally anything, Im gonna ignore it anyway.'}>
    <div>
        { other stuff }
    </div>
</MainContext.Provider>

然后，在子组件中，导入上下文并将其设置为contextType：

import { MainContext } from 'context'

class Status extends Component {
    static contextType = MainContext

    render(){
        console.log(this.props) // nothing
        console.log(this.context) // you guessed it! nothing either

        return (<div></div>)
    }
}

很显然，因为生活中没有那么简单，所以不管我做什么，我都只是一个空的对象。有什么我想念的吗？我遵循了我能找到的所有指南...

Answer 1

我试图重新创建它，并且它起作用了。指向codeandbox的链接为here。希望这会有所帮助。

无论我做什么，React Context始终是一个空对象

1 个答案: