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

2024-05-09 03:47:27

今天敲的时候遇到了一些问题，然后我就查找资料总结了一些关于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

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

android.mk 编译32位_C/C++初学者常见编译错误及其解决办法
用户在C/C++集成开发环境(例如 Dev-C++)中编辑了源代码,执行编译之后,常常会因为源代码中存在问题而出现编译错误(它们会显示在编译窗口中).初学者常常会面对这些错误而不知如何处理.本文下面列 ...
歌华有线回看显示服务器忙,歌华有线机顶盒常见故障问题及解决办法
[导读]机顶盒的使用让更多的高清节目和高清频道为人们所观看,丰富了人们的娱乐生活,但是使用过程中常常会遇到故障.下面就为您介绍一下歌华有线机顶盒常见故障问题及解决办法. 随着电视机的发明与发展,电视已 ...
PHP网站常见“一句话木马”攻击解决办法
如何破解PHP网站"一句话木马" PHP网站常见"一句话木马"攻击解决办法近期,公司发布的PHP网站挂域名对外发布一段时间,发现经常遭到"一句话木马 ...
Ubuntu Linux 下文件名乱码（无效的编码）的快速解决办法
Ubuntu Linux 下文件名乱码(无效的编码)的快速解决办法文件是在WIndows 下创建的,Windows 的文件名中文编码默认为GBK,而Linux中默认文件名编码为UTF8,由于编码不 ...
windows下 cl: 命令行 error D8021 :无效的数值参数“/Wno-cpp”的解决办法
Mask R-CNN学习(三):windows下 cl: 命令行 error D8021 :无效的数值参数"/Wno-cpp"的解决办法 2018年07月20日 11:11:06 ...
移动端常见兼容性问题及解决办法
移动端常见兼容性问题及解决办法参考文章: (1)移动端常见兼容性问题及解决办法 (2)https://www.cnblogs.com/crazycode2/p/6624742.html 备忘一下.
Oracle常见ORA错误及解决办法
Oracle常见ORA错误及解决办法问题1 1.1 错误现象: EXP-00008: ORACLE error 1013 encountered ORA-01013: user requested ...
android 关闭jack_Android7.0编译 jack常见错误类型及解决办法
我使用的源码为SudaMod,3.1分支的源代码,第一次编译Android M以上的源码,就莫名其妙的遇到了几个关于JACK的坑,以下就列举几个常见的错误以及解决办法. 第一个错误: Out of m ...
c语言浮点数无效,深入C++浮点数无效值定义与判定的解决办法
深入C++浮点数无效值定义与判定的解决办法在实际计算中可能会出现浮点型的无效数据,格式化输出到文件中内容为1.79769e+308,输出到界面就是很大一串数据.这两种方式无论哪种在阅读和查找时就不是 ...

最新文章

热门文章