无法使react-masonry-component能够与示例代码一起使用：有人能使其正常工作吗？

Question

我正在尝试在React（16）项目中使用react-masonry-component（https://www.npmjs.com/package/react-masonry-component），但无法正常工作。我复制并粘贴了示例代码

import * as React from 'react';
import Masonry from 'react-masonry-component';

const masonryOptions = {
    transitionDuration: 0
};

const imagesLoadedOptions = { background: '.my-bg-image-el' }

class Gallery extends React.Component {
    render() {
        const childElements = this.props.elements.map(function(element){
           return (
                <li className="image-element-class">
                    <img src={element.src} />
                </li>
            );
        });

        return (
            <Masonry
                className={'my-gallery-class'} // default ''
                elementType={'ul'} // default 'div'
                options={masonryOptions} // default {}
                disableImagesLoaded={false} // default false
                updateOnEachImageLoad={false} // default false and works only if disableImagesLoaded is false
                imagesLoadedOptions={imagesLoadedOptions} // default {}
            >
                {childElements}
            </Masonry>
        );
    }
}

export default Gallery;

，并为其提供了合适的图像阵列。所有图像似乎都存在于结果HTML中，并用适当的类包装在适当的li元素中，但是a）所有图像实际上都不可见，b）样式似乎不正确，例如甚至没有删除li左侧的点。它似乎缺少CSS，但是我遵循了指示，该指示完全由命令npm install --save react-masonry-component组成。

有人得到了这个软件包才能正常工作吗？如果是这样，我可能做错了什么？如果不是，您是否可以推荐任何替代的React组件/包来进行有趣/动画的图像显示？谢谢！