同一模式下的不同形式（登录，注册）

Question

我一直在尝试了解在模式中实现多种形式的最佳方法（即登录，注册，忘记密码）。

我正在尝试复制类似于Airbnb的功能；从登录模式中单击“注册”并不会呈现新的模式，而是交换当前模式的内容。

是否最好在单个组件中使用条件进行扩展？还是使用带有args的高阶模态分量？

Answer 1

我建议您遵循Single responsibility principle。每个函数，类或您的情况下，React组件应仅具有一个更改原因和一件事要做。这就是为什么最好的解决方案是分离组件-登录，注册，ForgotPassword。

然后，您可以创建一个父组件，其中将包含我上面提到的所有组件，并管理要显示的组件。