Как неглубоко отрисовать компонент <Main />
, когда у вас есть несколько внешних оболочек поставщиков контекста?
Например:
<ThemeProvider theme={myTheme}>
<FeatureContext.Provider value={myFeature}>
<Main />
</FeatureContext.Provider>
<ThemeProvider />
Компонент <Main />
имеет зависимость от поставщиков data, поэтому я не могу игнорировать оболочки Provider. Итак, любые предложения о том, какой пакет или подход я должен использовать для выполнения sh неглубокого рендеринга для моего <Main />
компонента здесь?
PS Я пробовал shallow()
из enzyme
и react-test-renderer/shallow
, но они отображают только <ThemeProvider />
и ничего больше. Как-то мне нужно отрендерить их до компонента <Main />
и игнорировать дочерние элементы <Main />
.