用SharePoint Framework实现照片墙web part

使用yo @microsoft/sharepoint创建web part:

使用如下命令安装masonry-layout以及类型定义:

npm install --save masonry-layout @types/masonry-layout

安装pnpjs，用来读取保存在SharePoint图片库中的图片：

 npm install --save @pnp/sp @pnp/odata @pnp/common @pnp/logging

创建一个图片库，名为Picture Library，并上传一些图片，指定title和description：

使用VS Code打开项目，最终的项目结构如下：

实现方式:

首先在PictureWall组件的IPictureWallProps.ts文件中添加一个属性：domElement，稍后用来为页面元素应用Masonry样式。