html引入react组件JS无效问题解决

首先引入库文件

网上大部分的使用都是直接在html中加入script标签，修改type为text/babel，然后直接在script标签中写react代码，但是这并不是友好的代码习惯，所以最好是抽出单独的js文件。

抽象出这样的js文件

function Footer(){
    return (
    

        

            test
        
    
);
}

ReactDOM.render(
    
,
    document.querySelector(".footer")
);

在html中引入

直接在浏览器中打开文件，控制台出现了跨域问题，拒绝访问。
因为直接写在html中是可以有效果的，所以很费解。
最终放到服务器访问，发现可以实现效果，很神奇。
后面解决了百度了下原因，查看了这个文章
https://www.cnblogs.com/zhengxj1991/p/9103577.html