Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

910
Views
¿Cómo mostrar archivos docx en la interfaz React.js?

Estoy tratando de mostrar archivos docx a medida que los recibo desde el backend, uso react-file-viewer y quería instalar la última versión pero me da un error, en su lugar instalé la versión 0.5.0, todo va bien pero yo tengo esas advertencias:

(El acceso a PropTypes a través del paquete React principal está en desuso y se eliminará en React v16.0. En su lugar, use el último paquete prop-types disponible v15.* de npm. Para obtener información sobre uso, compatibilidad, migración y más, consulte prop- tipos-docs )

y tambien este:

(lowPriorityWarning.js:37 Advertencia: el acceso a createClass a través del paquete principal de React está en desuso y se eliminará en React v16.0. En su lugar, use una clase de JavaScript simple. Si aún no está listo para migrar, cree-react-clase v15.* está disponible en npm como un reemplazo directo temporal. Para obtener más información, consulte react-create-class)

esto es en la interfaz:

 import React from 'react' import FileViewer from "react-file-viewer"; export default function FilesCard({ file }) { const customStyle = { content: { alignItems: "flex-start", justifyContent: "space-evenly", } } return ( <div className='row' style={customStyle.content}> {!file.length ? null : file.map(({ description, images, title }, index) => ( <div className="card col-sm-6 col-md-3 col-xl-2" style={{ width: "14rem" }} key={index} > {images.map((elem, j) => elem.split(".")[1] === "docx" ? ( <FileViewer filePath={`localhost:5000${elem}`} title={j} key={j} fileType={"docx"} /> ) : ( <embed src={`localhost:5000${elem}`} key={j} /> ) )} <div className="card-body"> <h5 className="card-title">{title} </h5> <p className="card-text">{description} </p> </div> </div> )) } </div> ) }
about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!