如何使用React JS删除UI组件

时间:2015-12-20 14:50:47

标签: javascript reactjs

我在查找有关如何在使用react时删除UI组件的相关文档时遇到问题。例如,有一个登录表单。用户单击“提交”,现在应该从屏幕中删除表单。我该怎么做?

我找到了unmountComponentAtNode,但只能在父级调用。我应该有一个父节点知道所有子状态并有条件地加载它们吗?是否所有的孩子都有一个" isHidden"如果为真,将dom渲染为隐藏的属性?

这必须是基本的但我在反应js教程中没有看到这一点。我发现这个stackoverflow帖子(react.js: removing a component)真的是这个模式吗?这有点意义,但这意味着大型应用程序可能会有一个极其复杂的Application父类,它根据配置管理应用程序状态的映射。

似乎我需要开始将应用程序状态定义为命名映射。例如:

BaseApp: showHeader=true;showContent=true;
LoginState: showBaseApp=true;showLoginForm=true; 
LoggedInState: showBaseApp=true;showFeed=true;

在任何时候我们都必须更新所有状态映射并调用基类渲染方法......

0 个答案:

没有答案