easyui onselect多选_EasyUI 选择文件(Select Files)_React Easyui Demo

源代码

import React from 'react';

import { Panel, DataList, FileButton, LinkButton, ButtonGroup } from 'rc-easyui';

class App extends React.Component {

constructor() {

super();

this.state = {

files: []

}

}

handleSelect(files) {

files.forEach(file => {

file.url = window.URL.createObjectURL(file);

})

this.setState({

files: this.state.files.concat(files)

})

}

handleRemoveFile(file) {

const files = this.state.files.filter(f => f !== file);

this.setState({

files: files

})

}

handleClear() {

this.setState({ files: [] })

}

renderItem({ row }) {

return (

{row.name}

{row.size}

this.handleRemoveFile(row)}>

)

}

render() {

return (

Select Files

text="Select Files..."

accept="image/*"

multiple

onSelect={this.handleSelect.bind(this)}

/>

Clear

style={{ minHeight: 100 }}

border={false}

data={this.state.files}

renderItem={this.renderItem.bind(this)}

/>

);

}

}

export default App;