// 初始化state this.state = { files: [], } // 添加數據到array this.setState({ files: [ ...this.state.files, fileInfo ] }); // 動態移除子項從array removePic(index) { this.setState({ files: this.state.files.filter((_, i) => i !== index) }) } // 循環顯示數據 {state.files.map((file, index) => ( <li key={index}> <span className="del" onClick={this.removePic.bind(this, index)}> <a href="javascript:;"><img src="" /></a> </span> <span className="p_img"> <a href="javascript:;"> <img src={file.src} /> </a> </span> </li> ))}