You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
2.5 KiB
79 lines
2.5 KiB
10 years ago
|
/**
|
||
|
|
* Copyright 2013-2015, Facebook, Inc.
|
||
|
|
* All rights reserved.
|
||
|
|
*
|
||
|
|
* This source code is licensed under the BSD-style license found in the
|
||
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
||
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
||
|
|
*
|
||
|
|
* @typechecks static-only
|
||
|
|
* @providesModule ReactServerRendering
|
||
|
|
*/
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var ReactElement = require("./ReactElement");
|
||
|
|
var ReactInstanceHandles = require("./ReactInstanceHandles");
|
||
|
|
var ReactMarkupChecksum = require("./ReactMarkupChecksum");
|
||
|
|
var ReactServerRenderingTransaction =
|
||
|
|
require("./ReactServerRenderingTransaction");
|
||
|
|
|
||
|
|
var emptyObject = require("./emptyObject");
|
||
|
|
var instantiateReactComponent = require("./instantiateReactComponent");
|
||
|
|
var invariant = require("./invariant");
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {ReactElement} element
|
||
|
|
* @return {string} the HTML markup
|
||
|
|
*/
|
||
|
|
function renderToString(element) {
|
||
|
|
("production" !== process.env.NODE_ENV ? invariant(
|
||
|
|
ReactElement.isValidElement(element),
|
||
|
|
'renderToString(): You must pass a valid ReactElement.'
|
||
|
|
) : invariant(ReactElement.isValidElement(element)));
|
||
|
|
|
||
|
|
var transaction;
|
||
|
|
try {
|
||
|
|
var id = ReactInstanceHandles.createReactRootID();
|
||
|
|
transaction = ReactServerRenderingTransaction.getPooled(false);
|
||
|
|
|
||
|
|
return transaction.perform(function() {
|
||
|
|
var componentInstance = instantiateReactComponent(element, null);
|
||
|
|
var markup =
|
||
|
|
componentInstance.mountComponent(id, transaction, emptyObject);
|
||
|
|
return ReactMarkupChecksum.addChecksumToMarkup(markup);
|
||
|
|
}, null);
|
||
|
|
} finally {
|
||
|
|
ReactServerRenderingTransaction.release(transaction);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {ReactElement} element
|
||
|
|
* @return {string} the HTML markup, without the extra React ID and checksum
|
||
|
|
* (for generating static pages)
|
||
|
|
*/
|
||
|
|
function renderToStaticMarkup(element) {
|
||
|
|
("production" !== process.env.NODE_ENV ? invariant(
|
||
|
|
ReactElement.isValidElement(element),
|
||
|
|
'renderToStaticMarkup(): You must pass a valid ReactElement.'
|
||
|
|
) : invariant(ReactElement.isValidElement(element)));
|
||
|
|
|
||
|
|
var transaction;
|
||
|
|
try {
|
||
|
|
var id = ReactInstanceHandles.createReactRootID();
|
||
|
|
transaction = ReactServerRenderingTransaction.getPooled(true);
|
||
|
|
|
||
|
|
return transaction.perform(function() {
|
||
|
|
var componentInstance = instantiateReactComponent(element, null);
|
||
|
|
return componentInstance.mountComponent(id, transaction, emptyObject);
|
||
|
|
}, null);
|
||
|
|
} finally {
|
||
|
|
ReactServerRenderingTransaction.release(transaction);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
renderToString: renderToString,
|
||
|
|
renderToStaticMarkup: renderToStaticMarkup
|
||
|
|
};
|