React 구성 요소 내부 함수의 예기치 않은 출력

Question

두 이미지를 모두 가져왔습니다( IMG 和 IMG2 ）。 IMG 假设在视口宽度小于 600px 时显示，而如果视口宽度大于或等于 600px，则显示另一张。所以我添加了一个函数来检查视口宽度，然后它返回这两个图像之一，但问题是它只返回我放入函数中的第一个图像，即 IMG . 뷰포트 너비가 600px보다 커져도 여전히 IMG2 대신 IMG가 표시됩니다. 참고: 미디어 쿼리를 사용하고 디스플레이를 없음으로 설정하면 이 문제를 해결할 수 있지만 React

를 사용하여 이 문제를 해결하는 방법을 알아보세요.

Github에 있는 모든 코드에 대한 링크: https://github.com/Issamath/PerfumeProduct.com

으아아아 으으으으

Answer 1

React로 이를 수행하려면 문서 크기 조정 이벤트를 첨부해야 합니다.

아래는 크기 조정 시 텍스트와 배경색을 변경하는 간단한 예입니다.

으아아아 으아아아