完整的警告是:
Warning: React does not recognize the computedMatch prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase computedmatch instead. If you accidentally passed it from a parent component, remove it from the DOM element.

版本:

1
2
3
4
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-redux": "^7.0.3",
"react-router-dom": "^5.0.1",

引起警告的原因是: 在react-router-dom<Switch>中使用了<div>

解决办法很简单,把<Switch>增加一层<Fragment>就行了

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

render() {
return (
<Switch>
+ <Fragment>
<div className="App">
<header className="App-header">
<Link to='/'>Home</Link>
<Link to='/about'>About</Link>
<Link to='/users'>Users</Link>
<Route exact path='/' component={Index} />
<Route exact path='/about' component={About} />
<Route exact path='/users' component={Users} />
</header>
</div>
+ </Fragment>
</Switch>
)

广告(云服务器)

阿里云活动
ECS共享型 n4 1核2G1M,1年79元,3年226。
ECS共享型 s6 2核4G1M,1年263元,3年621。
ECS共享型 s62核-8G-1M,3年859元。
点击查看详情(更多优惠)
腾讯云活动
新用户(老用户换QQ客享受)   云服务器 标准型S3 1核/2G/1M 95一年,   轻量 2核4G5M(限定) 3年只要688 点击查看详情(更多优惠)