);

ReactJS与JSP的完美融合打造跨平台高效应用实例详解  第1张

}

export default Header;

```

* Footer.js

```javascript

import React from 'react';

function Footer() {

return (

版权所有 © 2021

);

}

export default Footer;

```

* Content.js

```javascript

import React from 'react';

function Content() {

return (

这是内容区域

这里是内容展示

);

}

export default Content;

```

(2)App.js

```javascript

import React from 'react';

import Header from './components/Header';

import Footer from './components/Footer';

import Content from './components/Content';

function App() {

return (

);

}

export default App;

```

(3)index.js

```javascript

import React from 'react';

import ReactDOM from 'react-dom';

import App from './App';

ReactDOM.render(, document.getElementById('root'));

```

3. 后端开发

(1)创建JSP页面

* index.jsp

```jsp

<%@ page language="