问题标签 [react-modal]

我正在尝试制作动态屏幕，我在 react-native 中添加多个CustomSpinners使用循环。forEach

我面临的问题是，每当我从任何微调器中选择值时，所有微调器的值都会更新，因为索引保持不变。假设当我单击颜色微调器并选择位于索引 2 的 Cyna 并且当我键入this.setState({name: index});它时再次调用 Render 方法并且整个视图再次绘制并且itemName={this.state.name}设置为 2 时，它将自动选择基于索引的所有微调器值2，我想要什么，当我点击颜色微调器并选择青色时，只有那个颜色微调器被更新，而不是更新相同索引的所有微调器。

谁能让我知道如何实现这一目标？从过去的两天开始，我已经为此挠头了。请让我知道您的建议，这对我很有帮助。

这是我的代码：-

我的 CustomSpiner 类：-

来自 API 的响应：-

您的帮助将不胜感激！！！

问候

我对反应很陌生，有些东西我什至不知道如何在谷歌中搜索。

好的，所以我有一个类，我在其中通过映射项目的图像来呈现图像库。下面是示例代码：

然后在同一个文件中有另一个类（不是作为不同的组件），我在其上创建一个模式（从 gi​​t 克隆的模块），我想做的就是从映射中传递 {img.Url}，所有这个模态类的方法如下：

我想要做的甚至可能吗？

我正在创建一个从屏幕底部动画的反应模式。显示模式后，我需要模式有一个固定/粘性页脚，该页脚固定在浏览器窗口的底部。出于某种原因，目前页脚正在使用标准在屏幕外渲染：

请参阅随附的代码。

我做错了什么导致模式中的页脚无法固定在屏幕底部？

我已经在反应中使用 HTMl 和 CSS 创建了模态，但是，当我将模态的 z-index 设置为更高时，当部署在环境中时，模态无法按预期工作

但是页面上还有其他组件也具有 z-index 并且这些组件出现在 html 页面顺序中的模态组件之前。

模型未按预期显示在顶部。

是否有任何反应方式，以便我们可以覆盖所有现有的 z-index 并且模态将按预期工作。我正在为模态叠加和模态提供 CSS 代码

我正在使用react-modal。它工作正常，最终以窗口为基准垂直和水平居中。

我有顶部和左侧的菜单，其余的是工作区/画布。我希望模态以该区域为参考居中（x 和 y 方向）。

这可以轻松完成吗？

我试图像这样改变它

仍然以窗口为中心。

我正在使用React Modal Plugin来显示模态。我正在尝试实现以下场景。

1. 单击按钮时将打开一个模态，在模态内部，我有另一个按钮，单击此按钮时，需要打开另一个模态。但第一个打开的模态，应该留在后面。我没有看到任何有关此的文档。

我在我的反应应用程序中为模型使用反应模式。我想在它们出现时为它们添加一些动画。我在用。css3 关键帧动画我的模态。

这与动画持续时间相结合提供了很好的滑动效果，但它从顶部向下滑动。我该如何更改，使其从底部向上滑动？

这个问题与#issue 191: Don't scroll parent component when Modal is open有关

这个问题现在发生在 iOS 上。因为后面的父级正在滚动。模态有时会出现反应迟钝。我遵循了使用 onAfterOpen 回调的建议，如下所示：

在同一个父级中，我定义了 disableScroll：

我还遵循了 ios 的 css 指南：

太糟糕了，当模态关闭时，这也会停止父视图的滚动。知道如何在ios上解决这个问题吗？

我已经在 Reactiflux 上发布了这个，但在这里可能会得到更多的关注。我创建了一个沙箱来展示我的需求：https ://codesandbox.io/s/xvnk0znw7z

我要做的是创建一个通用的模态包装器，我可以用它来封装几个组件；在沙箱中，该组件是一个日期范围选择器，但我也有一个formik组件，例如。

问题是，Apply 和 Clear 按钮需要是包装模式的一部分，而不是它包装的子组件。

但是，当点击 Apply 或 Clear 时，将子组件状态保存到 Context（为简洁起见，不包括在内）实际上是子组件本身的责任；只有它知道它应该怎么做。

在上面的示例中，这将是 的ok和clear方法DatesPicker。直观地说，我会从包装模式中调用children.okand children.clear，但我知道事实并非如此。

我看了很多 React 文档中的 Cat and Mouse 渲染道具示例，但我无法理解如何在这里应用它。

我正在使用react-modal 组件，

1. 在某些情况下我不需要背景，如何禁用背景。在文档中看不到任何属性。
2. 每当打开新模式时，如何关闭任何以前的模式。