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.
59 lines
1.9 KiB
59 lines
1.9 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.
|
||
|
|
*
|
||
|
|
* @providesModule createFullPageComponent
|
||
|
|
* @typechecks
|
||
|
|
*/
|
||
|
|
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
// Defeat circular references by requiring this directly.
|
||
|
|
var ReactClass = require("./ReactClass");
|
||
|
|
var ReactElement = require("./ReactElement");
|
||
|
|
|
||
|
|
var invariant = require("./invariant");
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Create a component that will throw an exception when unmounted.
|
||
|
|
*
|
||
|
|
* Components like <html> <head> and <body> can't be removed or added
|
||
|
|
* easily in a cross-browser way, however it's valuable to be able to
|
||
|
|
* take advantage of React's reconciliation for styling and <title>
|
||
|
|
* management. So we just document it and throw in dangerous cases.
|
||
|
|
*
|
||
|
|
* @param {string} tag The tag to wrap
|
||
|
|
* @return {function} convenience constructor of new component
|
||
|
|
*/
|
||
|
|
function createFullPageComponent(tag) {
|
||
|
|
var elementFactory = ReactElement.createFactory(tag);
|
||
|
|
|
||
|
|
var FullPageComponent = ReactClass.createClass({
|
||
|
|
tagName: tag.toUpperCase(),
|
||
|
|
displayName: 'ReactFullPageComponent' + tag,
|
||
|
|
|
||
|
|
componentWillUnmount: function() {
|
||
|
|
("production" !== process.env.NODE_ENV ? invariant(
|
||
|
|
false,
|
||
|
|
'%s tried to unmount. Because of cross-browser quirks it is ' +
|
||
|
|
'impossible to unmount some top-level components (eg <html>, <head>, ' +
|
||
|
|
'and <body>) reliably and efficiently. To fix this, have a single ' +
|
||
|
|
'top-level component that never unmounts render these elements.',
|
||
|
|
this.constructor.displayName
|
||
|
|
) : invariant(false));
|
||
|
|
},
|
||
|
|
|
||
|
|
render: function() {
|
||
|
|
return elementFactory(this.props);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
return FullPageComponent;
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = createFullPageComponent;
|