动态显示图像的反应模式

Question

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

我应该在模式设置的属性的图像，使之适用于所有图像

Answer 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> 
    ) 
}