react-modal

0熱度

1回答

我覺得我錯過了可能非常愚蠢的事情。如果用戶想要更改他們的頭像照片，我會彈出一個模式表單。而該功能正在運行和更新我的數據庫，它只是被搞砸時，我改變了狀態......所以這裏是處理模式的功能提交： onModalSubmit: function() { let data = new FormData(); data.append('id', this.state.user._id

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。它不會阻止模式正常工作，我只是在開發工具控制檯中看到警告。我可以通過指定一些隨機字符串來傳遞此道具，但我不明白這實際用於什麼，爲什麼它是必需的。

1熱度

1回答

點擊覆蓋

當我使用react-modal 說明文檔中提到，當你默認點擊疊加模態應該關閉反應模態不打烊。即使我將shouldCloseOnOverlayClick支柱設置爲true，這仍然不起作用。我不知道任何可能阻止該事件的發生。如果這是相關/指示任何事情（我還沒有弄清楚爲什麼會出現這種情況），我注意到在Chrome開發者工具中，我的模式的覆蓋和內容節點都有一個未定義的類。我所使用的所有CSS類都是應該

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回答

Reactjs在反應模式彈出更改數據後刷新父項

我正在使用反應模式在我的某個組件中設置彈出窗口。我有一個組件呈現一個包含反應模態的div。我的父組件使用isOpen設置爲false來渲染模態組件。單擊父集上的鏈接isOpen爲true，並導致模態彈出窗口打開。我在打開的彈出窗口中對我的數據進行了更改，然後在關閉按鈕被單擊時保存更改並關閉模型。我正在使用一個redux來設置處理數據更改和狀態更改的操作和reducers。概念上，我將如何更新

0熱度

1回答

react-select在反應模式下沒有正確顯示資產

我正在使用react-select在我用反應模式創建的模式上有一個選擇字段。資源無法正確顯示，如圖所示（箭頭未顯示，可顯示列表未正確顯示）。的模式，有一個自定義的z-index以這種方式（因爲它是有它自己的z-index的另一個元素的頂部所示）： .Modal { // more stuff z-index: 81; } .Overlay { z-index:

0熱度

1回答

React Modal - 帶參數onClick的調用函數，而不是渲染

當用戶點擊一個按鈕時，我不能使用調用函數來打開一個模式。該功能的目的是對用戶信息進行GET請求以填充模式。我使用react-modal包，它接受一個onAfterOpen道具。我知道我可以使用這個道具來調用我的函數，但是爲了發出GET請求，我還需要傳入一個id給請求。我的模式設置如下：與我的聲明功能類似這樣的 <Modal isOpen={this.props.isSelected}