React 创造函数组件时显示Nothing was returned from render. This usually means a return statement is missing报错

React

最近在入门React时遇见的问题，最简单的创建一个函数组件，却不能在浏览器上显示出来。刚刚解决，百度了很多方法，并没有解决我的问题，所以决定分享出来

Nothing was returned from render. This usually means a return statement is missing`

<div id="example"></div>
<script type="text/babel">
    function Hello() {
        return <h2>你好</h2>
    } 
    ReactDOM.render(<Hello/>,document.getElementById('example') );
</script>

` 

我再次返回vscode查看return部分显示：

<div id="example"></div>
<script type="text/babel">
    function Hello() { return
    <h2>你好</h2>
    } ReactDOM.render(
    <Hello/>,document.getElementById('example') );
</script>

发现代码出现乱行，在进一步发现是按下保存进行的自动换行，导致return没有返回值 找到原因：

禁用该插件：