ruby-on-rails - 在 Reactjs 和 Rails 中使用模式的建议

Question

有人可以分享他们在 react-rails gem 中使用模态的方法吗？我已经尝试了一些解决方案，例如 material-ui 和其他解决方案，但我总是遇到错误或无响应的模式。

我在用着：

• react-rails 宝石
• Browserify-rails
• 反应

我真的对任何人的方法感兴趣。我已经使用 react-rails 完成了一些小型应用程序，但我对所有其他工具都相当陌生，并且不确定尝试引入诸如 material-ui 之类的第三方模块可能会如何影响。

谢谢

Answer 1

我也找不到一个很好的解决方案，所以我最终构建了我自己的 React“包装器”组件，它接收子组件来显示模态。

<ModalWrapper>**child jsx/component to display in modal**</ModalWrapper>

ModalWrapper 包含一个固定的 'cover' div 和一个居中的 'modal-container' div。模态将根据布尔状态有条件地呈现。

我喜欢这个解决方案，因为它不需要依赖项，使用 React 模式提供完全控制，并且真的不需要太长时间来设置，特别是如果你要显示很多它们。但是，我也会对人们可能在这里提供的任何其他答案感兴趣。