react-keep-alive
Version:
Package will allow components to maintain their status, to avoid repeated re-rendering.
64 lines (63 loc) • 2.6 kB
JavaScript
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = __importStar(require("react"));
var ReactDOM = __importStar(require("react-dom"));
var noop_1 = __importDefault(require("../utils/noop"));
var ReactComment = /** @class */ (function (_super) {
__extends(ReactComment, _super);
function ReactComment() {
return _super !== null && _super.apply(this, arguments) || this;
}
ReactComment.prototype.componentDidMount = function () {
var node = ReactDOM.findDOMNode(this);
var commentNode = this.createComment();
this.commentNode = commentNode;
this.currentNode = node;
this.parentNode = node.parentNode;
this.parentNode.replaceChild(commentNode, node);
ReactDOM.unmountComponentAtNode(node);
this.props.onLoaded();
};
ReactComment.prototype.componentWillUnmount = function () {
this.parentNode.replaceChild(this.currentNode, this.commentNode);
};
ReactComment.prototype.createComment = function () {
var content = this.props.children;
if (typeof content !== 'string') {
content = '';
}
this.content = content.trim();
return document.createComment(this.content);
};
ReactComment.prototype.render = function () {
return React.createElement("div", null);
};
ReactComment.defaultProps = {
onLoaded: noop_1.default,
};
return ReactComment;
}(React.PureComponent));
exports.default = ReactComment;