--- order: 3 title: zh-CN: 照片墙 en-US: Pictures Wall --- ## zh-CN 用户可以上传图片并在列表中显示缩略图。当上传照片数到达限制后,上传按钮消失。 ## en-US After users upload picture, the thumbnail will be shown in list. The upload button will disappear when count meets limitation. ````__react import { Upload, Icon, Modal } from 'antd'; class PicturesWall extends React.Component { state = { previewVisible: false, previewImage: '', fileList: [{ uid: -1, name: 'xxx.png', status: 'done', url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png', }], }; handleCancel = () => this.setState({ previewVisible: false }) handlePreview = (file) => { this.setState({ previewImage: file.url || file.thumbUrl, previewVisible: true, }); } handleChange = ({ fileList }) => this.setState({ fileList }) render() { const { previewVisible, previewImage, fileList } = this.state; const uploadButton = (