初学React-报错

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()来改变当前指向