react-modal

2热度

1回答

我在使用react-rails前端的rails 4应用程序中使用react-modal时遇到问题。我已经按照这个SO问题How to call react-modal from rails-assets.org in react-rails component和这个GitHub问题https://github.com/reactjs/react-rails/issues/510中的步骤，但他们都没

0热度

1回答

从另一个组件开放模式单击JS反应

我使用的基本组成模式成分反应 - https://github.com/reactjs/react-modal 我想实现的是，我想从有进口的模态另一位家长开模。 Parent.js <button onClick={() => this.refs.setState({modalIsOpen: true})}> - THIS BUTTON ELEMENT IS IN ANOTHER COMPONE

1热度

1回答

动态显示图像的反应模式

我使用反应建立应用程序，我有一个页面，所有图像都是动态显示的。我希望这些图像在点击时以反应模式打开。如何设置的模式要显示我应该在模式设置的属性的图像，使之适用于所有图像

2热度

2回答

为什么react-modal需要prop contentLabel？

我开始对我的反应，模态分量这样的警告：道具contentLabel没有在Modal规定要求：警告：无法propType。它不会阻止模式正常工作，我只是在开发工具控制台中看到警告。我可以通过指定一些随机字符串来传递此道具，但我不明白这实际用于什么，为什么它是必需的。

0热度

1回答

无法导入打字稿反应模态

我从这里的一个开源项目开始： https://github.com/vega/voyager ，并得到它的工作，我想补充一个模式。所以我跑： yarn add react-modal yarn add @types/react-modal 然后我说补充说： import {ReactModal} from 'react-modal'; 我在./src/components/header

1热度

3回答

react-modal shouldCloseOnOverlayClick无法正常工作

我正在使用反应模式，并且在点击叠加层时模态不会关闭。我为isOpen和onRequestClose提供道具，但是模态仍然是开放的。 closeModal=() => { this.setState({ modalIsOpen: false }); }; <Modal isOpen={this.state.modalIsOpen} onRequestClo

0热度

1回答

react-bootstrap模态，如何处理子组件？

我使用基于文档示例代码的Modal：https://react-bootstrap.github.io/components.html#modals-live。我想要的是仅当1）数据已准备就绪时，以及2）打开模式时才显示子组件。此外，子组件需要知道该区域需要处理多大的区域（因为它在内部执行一些d3.js svg绘图）。我也是，顺便说一句，使用fixed-data-table，所以数据（conce

0热度

1回答

Reactjs在反应模式弹出更改数据后刷新父项

我正在使用反应模式在我的某个组件中设置弹出窗口。我有一个组件呈现一个包含反应模态的div。我的父组件使用isOpen设置为false来渲染模态组件。单击父集上的链接isOpen为true，并导致模态弹出窗口打开。我在打开的弹出窗口中对我的数据进行了更改，然后在关闭按钮被单击时保存更改并关闭模型。我正在使用一个redux来设置处理数据更改和状态更改的操作和reducers。概念上，我将如何更新

1热度

1回答

React在同一组件中渲染多个模块

我是React和编码的新手。我试图在同一个组件中渲染多个模态，但它们都在同一时间渲染，因此它看起来像所有的链接都在渲染上一个模态中的文本。在此处，状态设置： class Header extends React.Component { constructor() { super(); this.state = {open:false} this.openM

0热度

1回答

react-select在反应模式下没有正确显示资产

我正在使用react-select在我用反应模式创建的模式上有一个选择字段。资源无法正确显示，如图所示（箭头未显示，可显示列表未正确显示）。的模式，有一个自定义的z-index以这种方式（因为它是有它自己的z-index的另一个元素的顶部所示）： .Modal { // more stuff z-index: 81; } .Overlay { z-index: