我正在使用material-ui next分支，并使用以下示例作为构建对话框的参考。
https://material-ui-next.com/demos/dialogs/ https://codesandbox.io/s/7rq8nl11x
我想知道根据材料指南让用户输入新联系人的最佳方式，即如何处理用于点击对话框底部的添加联系人按钮的UI。是否隐藏此对话框并显示一个新对话框，其中显示一个表单，允许用户输入新联系人。 我主要是在寻找有关设计的建议。
答案 0 :(得分：0)
material design guidelines的managing components in React和最佳做法提供了很多有用的信息。
据说，对于您的情况，一个很好的解决方案是处理一个模态中的所有帐户管理。这是一个与Google所做的非常相似的结构的想法：
DialogContainer 作为处理逻辑并包含下两个组件的父组件。
帐户列表以呈现每个用户以及“添加帐户”＃39;按钮。
AccountCreation 组件，用于呈现输入以添加其他帐户。