Material UI 下一个简单对话框添加新联系人
Material UI next simple dialog add new contact
我正在使用 material-ui 下一个分支，并使用以下示例作为创建对话框的参考。
https://material-ui-next.com/demos/dialogs/
https://codesandbox.io/s/7rq8nl11x
我想知道让用户按照 material guidelines 输入新联系人的最佳方式，即如何处理 UI 单击添加联系人按钮出现在对话框的底部。是否会隐藏此对话框并显示一个新对话框，而不是显示一个让用户输入新联系人的表单。
我主要是在寻找设计方面的建议。
material design guidelines and best practices for managing components in React 上有很多有用的信息。
话虽如此，针对您的情况的一个很好的解决方案是在一个模式中处理所有帐户管理。这是一个与 Google 非常相似的结构的想法：
DialogContainer 作为父组件来处理逻辑并包含接下来的两个组件。
AccountList 以呈现每个用户以及 'add account' 按钮。
AccountCreation 呈现输入以添加另一个帐户的组件。
我正在使用 material-ui 下一个分支，并使用以下示例作为创建对话框的参考。
https://material-ui-next.com/demos/dialogs/ https://codesandbox.io/s/7rq8nl11x
我想知道让用户按照 material guidelines 输入新联系人的最佳方式，即如何处理 UI 单击添加联系人按钮出现在对话框的底部。是否会隐藏此对话框并显示一个新对话框，而不是显示一个让用户输入新联系人的表单。 我主要是在寻找设计方面的建议。
material design guidelines and best practices for managing components in React 上有很多有用的信息。
话虽如此，针对您的情况的一个很好的解决方案是在一个模式中处理所有帐户管理。这是一个与 Google 非常相似的结构的想法：
DialogContainer 作为父组件来处理逻辑并包含接下来的两个组件。
AccountList 以呈现每个用户以及 'add account' 按钮。
AccountCreation 呈现输入以添加另一个帐户的组件。