React 中的模态 windows

Question

Here 你可以在 React.js

中看到我的代码

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

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

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

非常感谢您的帮助。

Answer 1

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

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

或者你可以 add/set 装载机：

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

React 中的模态 windows

Modal windows in React

modal-window

reactjs