React js에서 조건부 스타일을 적용하려고 합니다. 저는 React를 처음 접했기 때문에 더 좋은 방법이 있을 수 있지만 인터넷을 검색해도 아무 소용이 없습니다. 해당 화면 크기를 기준으로 화면 크기와 스타일을 확인하려고합니다. 이 사용 사례에서는 화면 크기를 기준으로 일부 텍스트를 중앙에 배치하고 싶습니다. 더 좋은 방법이 있는지 알려주실 수 있나요? 현재 이것은 나에게 작동하지 않습니다.

EDIT: 거기에 일부 로그를 넣으면 페이지가 로드될 때 화면 크기가 > 993px임에도 불구하고 "textAlign"이 요소에 전혀 적용되지 않습니다. 화면을 < 993px 및 > 578px로 축소하면 요소에 "textAlign:center"가 적용되고, < 578px로 축소되면 다시 없음으로 설정되지 않습니다. 중앙에 유지됩니다.

그럼 저는 이것을 스타일이라고 부르겠습니다

어떤 도움이라도 대단히 감사하겠습니다.

최종 편집:

그래서 여기서는 미디어 쿼리가 실제로 선호되는 방법이라는 것을 알았습니다. 비록 제가 바보 같은 실수를 저질렀고 해당 속성에 대한 값이 존재하지 않을 때 textAlign 设置为 none ，但我上面的三元条件有效。在这种情况下，应将其设置为 initial를 추가했지만 말이죠.