如何在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是一個數據驅動的框架。 您獲得了數據，便有了視圖。