React 中的模态窗口

Question

Here你可以在 React.js 中看到我的代码

我想在一个 React 组件中拥有多个模态窗口。我尝试使用“react-native”中的 Modal，但没有成功。

现在我正在尝试使用我自己的模态窗口实现，你可以在这里看到它。我想用这个组件根据参数创建模态窗口。

不幸的是，该组件使用默认值 (null) 创建模态窗口。看了很多教程，还是不知道怎么解决。

我将非常感谢您的帮助。

Answer 1

我假设您正在将一些值传递给title。
您可以在jsx 结构中添加一些ternary 运算符：

<div className="modalTitle">{title ? title : "what ever value you want"}</div>

或者你可以添加/设置加载器：

return (
      <>
        {title ? (
          <div>Your modal content here</div>
        ) : (
          <div>Your loader here</div>
        )}
      </>
      );