React：独立文件

 

可以将React JSX 代码可以放在一个独立文件上，并在不同的js文件中引入即可

AppTop.js文件中：

​

//定义导出的标签
let AppTop =(<div>
                <h1>我是公共标题栏</h1>
                <p>6666</p>
            </div>);
    
export default AppTop; //将自定义的DOM元素暴露出来，供给其他的页面使用

index.js文件中：

import React from 'react';
import ReactDOM from 'react-dom';
import AppTop from './js/AppTop.js';
​
ReactDOM.render(
    AppTop, 
    document.getElementById('root')
);