handleOpen = (i) => {
this.setState({ modalOpen: i })}
handleClose = () => this.setState({ modalOpen: false })
renderCards = () => {
return arr.map((item, i) => {
return(
<Modal open={this.state.modalOpen === i}
dimmer="inverted"
onClose={this.handleClose}
key={i}
trigger={
<Card onClick={(i)=>this.handleOpen(i)}>
<Image src={item.src} />
<Text grey medium fontSize="12px">{item.text}</Text>
</Card>}>
<ModalContent data={item.text} onClose={this.handleClose.bind(this)}/>
</Modal>
)
})
}