我正在尝试使用 Reactjs 中的 Galleria 插件实现图像库,现在写我已经使用了 npm 包 Galleria,jQuery 在组件内部使用,我正在将根节点的引用传递给 Galleria 运行函数。但是,我仍然无法看到图片库,请告诉我,这里有什么问题。
import React, { Component } from 'react';
import Galleria from 'galleria';
import $ from 'jquery';
class AssetImages extends Component{
constructor(props){
super(props);
}
componentDidMount(){
}
componentDidUpdate(){
if(this.props.dataLakeImages.length !== 0){
Galleria.run(this.rootNode);
}
}
render(){
return (
<div className="rs-assets-health-bg1">
<div className="content">
<div className="galleria" ref={node => (this.rootNode = node)}>
<a href='https://img.wallpapersafari.com/desktop/1600/900/70/50/wIlBTm.jpg'>
<img
src='https://img.wallpapersafari.com/desktop/1600/900/70/50/wIlBTm.jpg'
data-big='https://img.wallpapersafari.com/desktop/1600/900/70/50/wIlBTm.jpg'
alt="Assets"
/>
</a>
<a href='https://img.wallpapersafari.com/desktop/1600/900/70/50/wIlBTm.jpg'>
<img
src='https://img.wallpapersafari.com/desktop/1600/900/70/50/wIlBTm.jpg'
data-big='https://img.wallpapersafari.com/desktop/1600/900/70/50/wIlBTm.jpg'
alt="Assets"
/>
</a>
</div>/
</div>
</div>
)
}
}
export default AssetImages```
是的,绝对是克里斯,但现在我们处于接近可交付成果的情况,我刚刚加入团队,我对反应中的裁判不太熟悉