react Link跳转无效_react常见的问题及解决办法

今天敲的时候遇到了一些问题，然后我就查找资料总结了一些关于react的问题。

这是我的报错信息

然后我又总结了别的

1.循环key的问题

设置唯一的key值防止对已存在的dom重新渲染

this.state.data.map(v => <span key={v.id}>{v.title}</span>)

// 设置唯一性的id,不要设置循环的index

// bad

this.state.data.map((v, i) => <span key={i}>{v.title}</span>)

2.map （xxx） is not a function

这个问题常发生在数据来自异步加载，没有进行相应的初始化或者初始化不规范，数据类型不一致导致的问题

3.使用未知的标签或者组件名称使用小写

The tag <test> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.

其实就是字面意思，找到对应的标签，改成首字母大写

4.路由外使用link组件

使用Link的组件必须在用Router包裹的组件下使用

如果不是局部刷新的页面，可在最外层写一个空白的路由页面组件将内容页面包裹

5.跳转相同路由报错

Warning: You cannot PUSH the same path using hash history