• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
    • Questions
    • Teachers
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

154
Views
Las consultas de medios receptivos de React no cambian

Estoy usando reaccionar sensible para crear consultas de medios para que cambie el tamaño de una imagen. Sin embargo, no está haciendo lo que quiero. Mantiene la primera imagen más grande en la pantalla y no cambia a la otra con las reglas que especifiqué. ¿Hay una forma diferente de codificar esto?

importar Reaccionar, {Componente} de 'reaccionar'; importar MediaQuery desde 'react-responsive'

 class Name extends Component { render(){ return( <> <div> <MediaQuery Nameimg={this.props.Nameimg} minWidth={900}> <img height="15vh" className="name_image" src={this.props.Nameimg} alt="name"/> </MediaQuery> <MediaQuery Nameimg={this.props.Nameimg} maxWidth={899}> <img height="8vh" className="name_image2" src={this.props.Nameimg} alt="name2"/> </MediaQuery> </div> </> ) } } export default Name;
almost 3 years ago · Santiago Trujillo
1 answers
Answer question

0

Esta fue una solución simple, así que espero que esto también sea útil para otra persona. Pero creo que no funcionó porque necesita usar anchos establecidos definidos por el paquete https://github.com/contra/react-responsive/blob/master/src/mediaQuery.ts#L9

Usé minWidth y maxWidth de 1224, que funcionó.

almost 3 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error