javascript - React 缓存渲染组件

标签 javascript caching reactjs

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

最佳答案

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

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

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

关于javascript - React 缓存渲染组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22959357/

相关文章:

javascript - React.JS 无法读取 null 错误的属性 'props'

javascript - CSS 和 JavaScript 菜单问题

asp.net-mvc - ASP.NET MVC,缓存个人用户控件

javascript - jQuery UI 可选 : Bind to first-generation children only

javascript - Bacon.js:流和属性之间的实际区别

objective-c - iOS UIImageView 流畅的图像呈现

java - 有没有办法预缓存网页以供使用 Android WebView 查看?

javascript - Webpack 文件加载器未在生产构建中加载 Assets 文件夹

javascript - 使用 React Router PrivateRoute 处理 Refreshtoken

javascript - wrappedComponentRef 未定义 - React Ant Design,表单组件