Memasukkan React-File-Viewer Kedalam Button

Hallo ...

Sebelumnya saya mendapatkan tugas untuk menampilkan file csv dari url yang sudah disediakan ...Setelah saya browser pada akhirnya saya menggunakan pluggin react-file-viewer untuk menampilkan file csv tersebut.

Yang ingin saya tanyakan, bagaimana cara memasukkan pluggin tersebut kedalam button ?

Gambaran untuk output yang ingin ditampilkan : File tidak akan tampil sebelum user mengklik button view terlebih dahulu.

Terimakasih ...

const file = 'https://www.stats.govt.nz/assets/Uploads/Annual-enterprise-survey/Annual-enterprise-survey-2018-financial-year-provisional/Download-data/annual-enterprise-survey-2018-financial-year-provisional-csv.csv';

const type = 'csv';

class Setting extends Component {
handleChange = event => {
this.props.dispatch(lang(event.target.value));
}

render() {
  return (
   <div>
     <div style={{height:"400px"}}>
      <FileViewer
       fileType={type}
       filePath={file}
       errorComponent={CustomErrorComponent}
       onError={this.onError}
      />
     </div>
  </div>
);
}
enError(e){
logger.logError(e,'error in file-viwer');
}
}