Mais conteúdo relacionado
Semelhante a Universal Rendering (20)
Universal Rendering
- 37. 시간 표시 - React 앱
// app.js
import React from 'react';
export default class App extends React.Element {
componentDidMount() {
this.timeoutId = setInterval( this.tick.bind(this), 1000 );
}
componentWillUnmount() {
clearTimeout(this.timeoutId);
}
tick() {
const dateStr = new Date().toString();
this.setState({ date: dateStr });
}
render() {
return <p>{this.state.date}</p>
}
}
37 / 51
- 40. Node.js 서버
// server.js
import { renderToString } from 'react-dom/server';
import App from './app';
function handleRender(res, res) {
const html = renderToString( <App /> );
res.send(`<!doctype html>
<html>
<head>
<title>시간 표시</title>
<script src="app.js"></script>
</head>
<body>
<div id="root">${html}</div>
</body>
</html>`);
}
40 / 51