React 缓存渲染组件

Question

是否有任何开源代码或示例尝试在 memcached 或类似的东西上缓存渲染的 React 组件？有人已经处理过这个问题了吗？

Answer 1

就像 FakeRainBrigand 建议的那样，您可以只保存 html。然而，React 的一个巧妙之处是每个组件都用状态/属性表示。这意味着如果您使用这些字段适当地表示您的 UI，您应该能够在给定相同状态/属性的情况下重现您的页面。

这可能意味着，如果您以某种方式存储状态/道具，并将其重新加载，您可以有效地“缓存”组件以供以后使用，而且成本非常低。我在想与下面类似的事情：

componentDidMount: function () {
    if(this.props.id) {
        provider.load(this.props.id, function (result) {
            this.setState(result);
        });
    }
}