如何在React中保存先前的组件DOM

Question

Root.js

const Root = () => (
    <HashRouter>
        <div>
            <Route exact path="/" component={Main}/>
            <Route path="/main/:page" component={Main}/>
            <Route path="/detail/:name" component={Detail}/>
        </div>
    </HashRouter>
);
export default Root;

主要在ItemList.js中

render() {
    let count = 0;
    return (
        <div>
            {this.state.data.map(function (data, i) {
                count++;
                return <Item data={data} key={count} order={count}/>;
            })}
        </div>
    );
}

项目滚动到（更多视图）追加数据（使用ajax）

项目单击链接到= {item idx}并转到详细信息页面

并返回页面..重置dom！

如何保存dom？！？

Answer 1

将数据保存在某处，以便当您返回索引时，将数据加载到页面中。 Redux Map帮助您完成所有事情。 记住，react是一个数据驱动的框架。 您获得了数据，便有了视图。