reactjs как входные несколько файлов из формы

Question

У меня есть компонент, как:

class Media extends Component { 

    render() { 
     return (

        <form className="uploader" encType="multipart/form-data"> 
         <input type="file" id="file" /> 
        </form> 

     ) 
    } 
} 

export default Media 

Здесь я хочу, чтобы загрузить несколько file. В HTML мы можем сделать это как

<input type="file" name="img" multiple> 

Как я могу иметь multiple значение в reactjs ?? Спасибо заранее

Update

class Media extends React.Component { 

    handleChange(e) { 
    console.log(e.target.value) 
    } 

    render() { 
     return (

        <form className="uploader" encType="multipart/form-data"> 
         <input type="file" id="file" multiple onChange={this.handleChange.bind(this)}/> 
        </form> 

     ) 
    } 
} 

ReactDOM.render(
    <Media />, 
    document.getElementById('container') 
); 

Вот если я загрузить изображение и значение изменяется я получаю только первое изображение, как получить все загруженное изображение ??

Answer 1

Вы можете сделать то же самое в React., Вы можете найти attributes, которые вы можете использовать here

<input type="file" id="file" multiple /> 

Example