在React 16 Context doc page上,它们具有类似于以下示例:
const defaultValue = 'light';
const SomeContext = React.createContext(defaultValue);
const startingValue = 'light';
const App = () => (
<SomeContext.Provider theme={startingValue}>
Content
</SomeContext.Provider>
)
似乎defaultValue是无用的,因为如果您改为将
startingValue
设置为其他任何值或未设置它(这是undefined
),它将覆盖它。很好,应该这样做。但是
defaultValue
有什么意义呢?如果我想拥有一个不变的静态上下文,那么只需执行以下操作,并让Provider通过
defaultValue
便会很好。const App = () => (
<SomeContext.Provider>
Content
</SomeContext.Provider>
)
最佳答案
如果没有提供者,则defaultValue参数用于函数createContext。这对于隔离测试组件而不包装它们或使用Provider提供的不同值进行测试很有帮助。