初学React-报错
react学习我是先看的B站上的视频,在看的过程中跟着讲师一点点敲的,然后发现在写过程的问题,总结起来的哦~看的时候感觉都不难,但是真的自己写的时候,会出现各种不一样的问题,希望能够帮助到大家~1 控制台显示 Unexpected token ' < '这个是因为我们写的JSX语法,浏览器没有办法识别,必须依靠babel将JSX语法转化成JS语言,我们 在写JSX语法的时候,需要在scrip
react学习我是先看的B站上的视频,在看的过程中跟着讲师一点点敲的,然后发现在写过程的问题,总结起来的哦~看的时候感觉都不难,但是真的自己写的时候,会出现各种不一样的问题,希望能够帮助到大家~
1 控制台显示 Unexpected token ' < '
这个是因为我们写的JSX语法,浏览器没有办法识别,必须依靠babel将JSX语法转化成JS语言,我们 在写JSX语法的时候,需要在script标签上添加type="text/babel"表示需要将脚本用babel翻译成js后使用
2 控制台显示
Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=object%20with%20keys%20%7Bprops%2C%20context%2C%20refs%2C%20updater%7D&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
这个是因为我们在使用类方式创建组件的时候 new 组件名({值}).render() 没有调用render方法
3控制台显示
Minified React error #200; visit https://reactjs.org/docs/error-decoder.html?invariant=200 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
是因为我们在渲染的时候,没有选定渲染到哪个元素上.ReactDOM.render(组件,元素id)
4控制台显示
babel.min.js:1 Uncaught SyntaxError: /Inline Babel script: Identifier 'HelloWorld' has already been declared. (14:9)
这个就是因为重复声明了相同名字组件,我们可以看一下函数名还有类名是不是有一样的,进行修改就可以了
5控制台报错
react-dom.production.min.js:32 Uncaught TypeError: Cannot read properties of undefined (reading 'name')
at showName (<anonymous>:51:24)
这个出现原因的触发事件的时候,this的指向发生改变,造成this指向window,所以才会出现of undefined 可以通过bind(),apply(),call()来改变当前指向
更多推荐
所有评论(0)