问题标签 [react-modal]

我对使用 connect 导出的 React 组件进行了测试。我能够通过我的测试，但我的 Snapsnot 不是我期望的那样。我也向酶团队提出了一个GH 问题注意我取出了一些方法，因为它们不适用于该问题。

我的组件

我的测试

我的测试快照

当前行为 目前，快照正在返回组件本身没有 JSX 的组件。

预期的行为我希望组件能够容纳 jsx 元素，例如：按钮、div 等。

我的环境：

版本

我正在使用https://react.semantic-ui.com/modules/modal/这个模态。我想id在具有modal类的 div 中添加一个属性。我怎样才能做到这一点 ？

我已经使用react-native-modal创建了一个模式，它显示了一个组件 A（在我的例子中是'Cart'）（有多个子组件等等。）

此模式最多可打开一半屏幕，而应用程序的其他内容在其余部分的覆盖层后面可见。但是，我的要求是，在模式内点击按钮时，我希望将另一个屏幕 (B) 推到 A 上（仅在模式内，而不是在整个应用程序上）。

我怎样才能实现这个流程。由于当前被推送的新屏幕覆盖了整个屏幕，而不仅仅是模式。

以上是代码，ReactModal 正在按预期设置焦点（将焦点设置在打开模式之前的按钮上）

我正在使用 TinyMCE 5.0.2（自托管）并通过 Official TinyMCE React Component添加编辑器。我已将我的编辑器置于使用React Modal创建的模式中。问题是所有子菜单都显示在屏幕顶部（固定）而不是相对于菜单项。

任何人都知道如何解决它？

我在这里启动了一个 JSFiddle，但我无法让 ReactTinymce 像在小提琴中的常规项目中那样接受道具。（ReactTinyMCE onEditorChange 方法没有触发并且值没有设置，我假设我没有正确使用它，但小提琴有时很奇怪......）

https://jsfiddle.net/cleanshooter/9qutaz3o/60/

您好，我正在尝试弄清楚如何关闭此模式并同时提交一个新项目......现在它只做一个或另一个。如果我把它放在<button onClick={this.handleCloseModal}>Submit</button>底部，它不会提交表单中的信息，如果我拿走，{this.handleCloseModal}它会添加项目，但我必须刷新才能关闭模式。

我希望有人可以向我展示如何使这种反应模式移动响应。它没有使用引导程序。

我目前在我的项目中使用 react-modal，我可能从其他组件打开和关闭它时遇到问题。

由于提到的问题，一旦我打开它，我就无法关闭它。请帮我解决这里的问题。谢谢你的帮助。

我在 ReactModal 中有一个 React.Component。

我想在成功发布 http 请求后关闭反应模式。

但是，this未定义。

我该怎么做？

我在车辆比较屏幕中有 6 个下拉菜单。下拉菜单是使用 React Modal 创建的。下拉列表中的所有数据都是动态的。

加载页面时，要在前两个模态中显示的数据，汽车品牌，被提取并显示在模态下拉列表中。

When a car brand is selected another api call is made to get the models available in that brand. 此数据填充在第二个下拉列表中。

由于选择两个不同品牌的模型有两个下拉列表，因此选择一个品牌时，两个模型下拉列表都将更新。

如果我必须添加更多数量的汽车进行比较，如何更改我的代码以便我可以使其工作并使其在未来可扩展？

比较.js

PickerModal.js