Javascript 带动态体的自举模型

我在一个网站上工作的登录，注册和忘记密码弹出窗口将交替出现（不是一次）。所以我想创建一个具有多个主体内容组件的模态

但我不知道如何显示这些。当我点击“登录”或“注册”按钮时，模态内容会附加到模态上，但不会显示

Footer.js

import React，{Component}来自“React”
从“./modals/ModalTemplate”导入ModalTemplate
类页脚扩展了React.Component{
render（）{
返回（）
}
}
导出默认页脚

在单独的文件中添加模态组件，并在页脚或页眉中导入该组件

const[content，setContent]=useState（）内容的状态


您需要创建一个函数来定义要显示的模式内容。您可以按如下方式传递类型：`onClick={（）=>callModalComponent（'login'）}
您的功能如下所示：

const callModalComponent = (type: string) => {
   if(type === 'login'){
      setContent(<LoginComponent />) // set state content as per your form requirement
   } else if(type === 'register'){
      setContent(<RegisterComponent />) 
   }
   openModalContainer() // this will open your modal.
}

constcallModalComponent=（类型：string）=>{
如果（类型=='login'）{
setContent（）//根据表单要求设置状态内容
}else if（类型===‘寄存器’）{
setContent（）
}
openModalContainer（）//这将打开您的模式。
}
我们总是很乐意帮助和支持新的编码人员，但您首先需要帮助自己。之后，如果您有问题，请发布您尝试过的内容，并清楚解释哪些内容不起作用，然后提供。阅读，嗨，普拉蒂克，openModalContainer中会有什么？嗨，对不起，我错过了一个括号。openModalContainer（）只是一个函数，它将打开您的模式。你可以用不同的名字来命名。其思想是，您将根据您的条件设置模态内容，然后调用函数打开模态。