首先,只提供必要的东西.跟踪更容易,速度更快.
为了实际上“在页面之间交换”,就像在你的状态/道具中设置一个变量一样简单,并使用该var有条件地渲染任何你需要的东西.选择性地渲染任何你想要的东西的角色将转到父组件.这是一个工作小提琴与导演:http://jsfiddle.net/L7mua/3/
关键部分,在App:
render: function() {
var partial;
if (this.state.currentPage === 'home') {
partial = ;
} else if (this.state.currentPage === 'bio') {
partial = ;
} else {
// dunno, your default page
// if you don't assign anything to partial here, you'll render nothing
// (undefined). In another situation you'd use the same concept to
// toggle between show/hide, aka render something/undefined (or null)
}
return (
);
}
请注意,除了HTML的JSX语法之外,您只是使用JavaScript.条件仍然奏效,迭代仍然工作等.