React - 从不同 class 访问地图属性

Question

我对反应很陌生，有些东西我什至不知道如何在 google 中搜索。

好的，所以我有一个 class，我在其中通过映射项目的图像来渲染图像库。下面是示例代码：

example.images.map((img,i) => { 
                return <div className="Class1" key={'image_' + i}>
                  <div className="Class2">
                    <img src={img.Url} alt={'image_' + i} onClick={this.doSomething}/>
                  </div>
                  <a className="Class3" onClick={doSomethingElse(img)}></a>
                </div>

然后在同一个文件（不是不同的组件）中还有另一个 class，我正在其上创建模态（从 git 克隆的模块），我想做的就是从映射中传递 {img.Url}，一直到这个模态 class，如下所示：

class Modal extends Component {


  render() {
    const { onClose, isOpen } = this.props;

    //THIS IS WHERE I WANT TO PLACE THE URL FROM THE MAPPING
    const GrabUrl  = {how.to.do.it.?} ;

    return  (
      <Modal ariaHideApp={ false }
          isOpen={ isOpen }
          contentLabel="Modal"
          onRequestClose={ onClose }>

      <a className="closeModal" onClick={onClose}>X</a>

            <div className="Class4"><img src={GrabUrl} /></div>
      </Modal>
    )
  }
}

我正在尝试做的事情是否可行？

Answer 1

如果我没理解错的话，是的，

您必须像这样将 img.Url 作为参数传递给 doSomething 函数：

<img src={img.Url} alt={'image_' + i} onClick={() => this.doSomething(img.Url}/>

然后您可以从那里处理模态。

React - 从不同 class 访问地图属性

React - Accessing map properties from a different class

reactjs

react-modal