【React】:Uncaught SyntaxError: Unexpected token ‘＜‘ 这种错误怎么解决？？？

最新推荐文章于 2024-08-11 07:45:00 发布

逗芽菜₁₅₁₉₁₈₁₀₇₅₅

最新推荐文章于 2024-08-11 07:45:00 发布

阅读量4k

点赞数 3

分类专栏：前端文章标签： react bug reactjs javascript

本文链接：https://blog.csdn.net/weixin_53126517/article/details/114986702

版权

前端专栏收录该内容

9 篇文章 1 订阅

订阅专栏

在这里插入图片描述

错误示例如上图，

这个错误的前提应该是没有使用React脚手架，React框架由`<script>`导入

那么为什么会出现如图错误呢，原因是<script>标签内需要添加type="text/babel"

错误示例：

<script>
    class Todolist extends React.Component {
        constructor(props) {
            super(props);
            this.state = {
                dosomething:
                    [
                        {
                            text: "吃饭"
                        },
                        {
                            text: "睡觉"
                        },
                        {
                            text: "打豆豆"
                        }
                    ]
            }
        }
        render = () => (
            <div>
                <p>总计{this.state.dosomething.length}件，已完成{}件，未完成{}件</p>
            </div>
        )
    }
    let jsx = <div><Todolist /></div>
    ReactDOM.render(jsx, document.getElementById("box"))

</script>

正确示例：

<script type="text/babel">
    class Todolist extends React.Component {
        constructor(props) {
            super(props);
            this.state = {
                dosomething:
                    [
                        {
                            text: "吃饭"
                        },
                        {
                            text: "睡觉"
                        },
                        {
                            text: "打豆豆"
                        }
                    ]
            }
        }
        render = () => (
            <div>
                <p>总计{this.state.dosomething.length}件，已完成{}件，未完成{}件</p>
            </div>
        )
    }
    let jsx = <div><Todolist /></div>
    ReactDOM.render(jsx, document.getElementById("box"))

</script>