小编Mik*_*ord的帖子

在测试中使用 MemoryRouter 时,道具上未设置“匹配”属性

我一直在尝试让测试适用于 react-router v4。我已经在这里记录了基本示例并为其编写了以下测试:

import React from 'react';
import { Topic } from './App';
import { MemoryRouter } from 'react-router-dom'
import TestRenderer from 'react-test-renderer';

test('it renders', () => {
  TestRenderer.create(
    <MemoryRouter initialEntries={['/topics/props-v-state']} initialIndex={0}>
        <Topic/>
    </MemoryRouter>
  );
});
Run Code Online (Sandbox Code Playgroud)

我收到错误消息:“TypeError:无法读取未定义的属性‘params’”,我将其解释为match未在Topic组件的props 上设置的属性MemoryRouter。我的依赖项是:

"dependencies": {
  "react": "^16.2.0",
  "react-dom": "^16.2.0",
  "react-router-dom": "^4.2.2",
  "react-scripts": "1.1.0"
},
"devDependencies": {
  "babel-jest": "22",
  "babel-preset-es2015": "6",
  "babel-preset-react": "6",
  "jest": "22",
  "react-test-renderer": "16"
},
Run Code Online (Sandbox Code Playgroud)

我想我可以这样做,<Topic match={{url: '/topics/props-v-state'}} />但 …

reactjs react-router react-router-v4

4
推荐指数
1
解决办法
1653
查看次数

标签 统计

react-router ×1

react-router-v4 ×1

reactjs ×1