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?!?
将数据保存在某处,因此当您返回索引时,请在页面中加载数据。 Redux地图可以帮助您完成所有事情。记住react是一个数据驱动的框架。你得到了数据,你有了视图。