Как поместить имя файла рядом со значком булавки файла в reactjs? - PullRequest
Новая
       80

Как поместить имя файла рядом со значком булавки файла в reactjs?

0 голосов
/ 07 мая 2020

Я новичок в реакции, я хочу показать значок булавки для загрузки файла и имя файла рядом со значком булавки - чтобы показать имя файла, которое мы выбираем.

Может ли кто-нибудь помочь мне в показе имя файла, которое мы выбираем в поле ввода?

Вот код: 

<div className="uploadFile">
        <Button className="filePin" icon="paperclip" size="big" />
        <input type="file" name="file" onChange={this.changeFile} />
        <Form.Input
          type="text"
          readOnly
          name="fileName"
          onChange={this.state.filename}
        />
      </div>

Вот весь код: «https://codesandbox.io/s/kind-blackwell-5cgvc»

Я хочу таким образом:

image for file Upload

Кто-нибудь может мне помочь в этом запросе?

...