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');
}
}



avatar MibtahSari
@MibtahSari

2 Kontribusi 0 Poin

Diperbarui 3 tahun yang lalu

2 Jawaban:

<p>Kalau saya biasanya kasih condition di style-nya (yang diatur lewat button), yang mana kondisi itu ngikut state, misalnya gini,&nbsp;<a href="https://codesandbox.io/s/romantic-moon-h5wrx?file=/src/index.js" style="font-family: inherit; font-size: 1.2rem;">https://codesandbox.io/s/romantic-moon-h5wrx?file=/src/index.js</a></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p>

avatar armanrozika
@armanrozika

29 Kontribusi 23 Poin

Dipost 3 tahun yang lalu

Tanggapan

Terimakasih untuk tanggapannya

<div>Selain menggunakan pluggin react-file-viewer, apakah ada rekomendasi pluggin lain untuk menampilkan isi file csv melalui url ?&nbsp;<br><br>Terimakasih ...</div>

avatar MibtahSari
@MibtahSari

2 Kontribusi 0 Poin

Dipost 3 tahun yang lalu

Login untuk ikut Jawaban