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

错误示例如上图，

这个错误的前提应该是没有使用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>