因此,我一直在尝试弄清楚如何为我的组件编写单元测试,该组件使用React Router有条件地呈现组件。我的问题是,无论我做什么,我都不能让它呈现除了根路由之外的任何东西。
为了进一步研究这一点,我整理了一小段测试代码,我在这里将其包括在内:
it('testing', () => {
const component = mount(
<MemoryRouter initalEntries={ [ '/next' ] }>
<Switch>
<Route path="/next" render={ () => <p>Next</p> } />
<Route path="/" exact render={ () => <p>Root</p> } />
</Switch>
</MemoryRouter>
);
console.log(component.debug());
});
因此,我的期望是这段代码将呈现<p>Next</p>
,因为我使用的是/next路由。但是,它只会呈现<p>Root</p>
。
发布于 2019-02-04 15:09:45
结果是我拼错了"initialEntries",这就是整个问题。
https://stackoverflow.com/questions/54495019
复制相似问题