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

首先引入库文件

	<script src="/react/15.4.2/"></script>
    <script src="/react/15.4.2/"></script>
    <script src="/babel-standalone/6.22.1/"></script>

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

抽象出这样的js文件

function Footer(){
    return (
    <footer>
        <div>
            test
        </div>
    </footer>);
}

(
    <Footer />,
    (".footer")
);

在html中引入

<script type="text/babel" src=""></script>

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