React学习手册

React

服务器端应用

｜

291

const Star = ({ selected=false, onClick=f=>f }) =>

React.createElement(

"div",

{

className: selected ? "star selected" : "star",

onClick: onClick

}

)

我们可以在浏览器中直接渲染这个组件，或者在其他环境中渲染它并将

HTML

输出结

果转化成一个字符串。

ReactDOM

有一个

renderToString

方法，我们可以用来将渲染的

UI

转化成一个字符串：

//

直接在浏览器中渲染

html

ReactDOM.render(<Star />)

//

将

html

渲染成一个字符串

var html = ReactDOM.renderToString(<Star />)

我们可以构建能够在不同平台上渲染组件的同构性应用程序，并且可以通过跨越多个

环境复用通用

JavaScript

代码的方式构建这些应用程序。

此外，我们还可以使用其他编程语言，比如

Go

或者

Python

来构建同构性应用程序，而

不受限于

Node.js

环境。

服务器端渲染

React

使用

ReactDOM.renderToString

方法允许用户在服务器端渲染

UI

。服务器的功能非常

强大，它能够访问所有资源的能力是浏览器所不具备的。服务器可以非常安全，并且

可以安全地访问数据。用户可以在服务器端渲染初始内容的优势之上充分利用这些额 ...