1
A
回答
1
class ImageModal extends React.Component {
constructor(props) {
super(props);
this.state = {
showModal: false
};
}
setModalState(showModal) {
this.setState({
showModal: showModal
});
}
render() {
return (
<div>
<img src={ this.props.src } onClick={ this.setModalState.bind(this, true) } />
<ReactModal isOpen={ this.state.showModal }>
<img src={ this.props.src } onClick={ this.setModalState.bind(this, false) } />
</ReactModal>
</div>
)
}
+0
謝謝,這有幫助 – Mitali
相關問題
- 1. 如何在原生反應中顯示動態圖像?
- 2. 反應 - 地圖中的動態圖像
- 3. Bootstrap動態顯示模式
- 4. 動態顯示圖像
- 5. Android動態顯示圖像
- 6. 圖像未動態顯示
- 7. 動態圖像顯示
- 8. PHP以網格模式動態顯示圖像
- 9. Android圖像未顯示反應原生
- 10. 反應本機圖像不顯示
- 11. R Shiny:快速反應圖像顯示
- 12. 在反應中顯示圖像陣列?
- 13. iOS應用程序橫向模式啓動圖像不顯示
- 14. 反應:動態渲染嵌套圖像
- 15. 動態添加圖像反應Webpack
- 16. 防止圖像在全屏顯示時出現變態反應
- 17. 無法在Android中顯示靜態圖像與反應原生
- 18. 動態添加的圖像不顯示
- 19. 動態顯示圖像的URL與JavaScript
- 20. 動態顯示圖像的長寬比
- 21. 動態顯示D3中的圖像
- 22. 具有大量圖像的反應原生動態圖像
- 23. 模態圖像顯示不正確
- 24. GIF圖像沒有在反應本機中顯示動畫
- 25. 顯示自舉動態模式
- 26. 動態顯示圖像(字節數組)
- 27. 顯示圖像動態查看
- 28. 使用php mysql動態顯示圖像
- 29. 用javascript動態顯示XML圖像
- 30. Javascript顯示動態變化圖像
而不是使用創造這樣一個新的類型的組件 –
Brian