Javascript 动态jquery图像库是'；我不在工作

我在ReactJS渲染上有两个使用jquery的“gallery”类（所需插件的类）的div。第一个是由手工代码制作的，它工作得很好。第二个是由一个串联变量、字符串和标记的循环以二进制方式生成的。在第二部分中，缩略图的图像及其相应的href（放大图像版本）完美地出现在屏幕上，但其动画不起作用。有人知道怎么解决吗

下面正在调用的函数：

componentDidMount() {
    axios.get(URL_INTERIORES)
      .then(res => {
        this.setState({ interiores: res.data })
      })    

    $(function () {
      $('.gallery a').simpleLightbox();      
    });        
  }

反应器的渲染：

return (
      <div>

        // NOTE: This Gallery is working succefully.

        <div className="gallery">
          <a href="../images/int_02.jpg" className="big">
            <img src="../images/int_02_thumb.jpg" alt=""/>
          </a>
          <a href="../images/int_02.jpg" className="big">
            <img src="../images/int_02_thumb.jpg" alt=""/>
          </a>
          <a href="../images/int_02.jpg" className="big">
            <img src="../images/int_02_thumb.jpg" alt=""/>
          </a>
        </div>

        /*
        NOTE: This dinamic galley is showed but here isn't 
              the animation working.
        */                       

          {this.state.interiores.map(item =>
          <div>
          <div className="gallery">
            {
            item.fotos
              .map(foto =>
                <a href={`../images/${foto}.jpg`} className="big">                       
                   <img src={`../images/${foto}_thumb.jpg`} alt="" />
                </a>
              )
            }

          </div>
     </div>
  )}

返回(
//注意：此库正在成功运行。
/*
注：这是迪纳米克厨房，但这里没有
动画正在运行。
*/                       
{this.state.interiors.map（项=>
{
项目1.fotos
.map（foto=>
)
}
)}

我找到了解决方案。我将

componentDidMount（）

的相同函数体放在

componentdiddupdate（）

。现在它正在成功地工作

    componentDidMount() {
      axios.get(URL_INTERIORES)
        .then(res => {
          this.setState({ interiores: res.data })
      })    

      $(function () {
        $('.gallery a').simpleLightbox();      
      });        
    }

  // Here is the new code insertion: 

  componentDidUpdate() {
    $(function () {
      $('.gallery a').simpleLightbox();      
    });
  } 

---

请永远不要将jQuery与React一起使用。它完全违背了使用React的目的和功能。使用React，您可以将所有jQuery从项目代码中删除。有很多React图像库可用，只需使用其中一个，还有更多，谢谢您，我将在未来的项目中尝试您的建议，但我希望结束这个项目使用这个jquery库。我浪费了很多时间测试不同的东西。如果我得到一个新东西，我会有新的问题。你能显示控制台的任何错误消息吗？不，控制台没有任何错误消息。