Как получить имя вложения в теле письма, аналогичное gmail, используя reactjs?

Question

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

Может ли кто-нибудь помочь мне получить имя в body содержания?

Вот код:

export default class Email extends Component {
  constructor(props) {
    super(props);
    this.state = {
      body: ""
    };
  }

  changeAttach = e => {
    this.setState({
      storeFile: e.target.files[0]
    });
  };

  render() {
    return (
      <Container>
        <Modal trigger={<Button>Show Modal</Button>}>
          <Modal.Content>
            <Form>
              <bold>Body</bold>
              <Editor name="body" value={this.state.body} />
            </Form>

            <div class="upload-btn-wrapper">
              <Button className="myButton" icon="paperclip" size="big" />
              <input type="file" name="file" onChange={this.changeAttach} />
            </div>

            <Button>Send</Button>
          </Modal.Content>
        </Modal>
      </Container>
    );
  }
}

Здесь это весь код: "https://codesandbox.io/s/competent-fire-x4huv"