바닥글의 일부가 다른 구성요소로 이동하지만 페이지가 React에서 로드될 때만 해당됩니다.

Question

저는 이 코드 부분을 얼마 전에 작성했고 다른 페이지에서 작업한 후 다시 돌아와서 이 이상한 동작을 발견했습니다.

구성 요소 바닥글과 기본 구성 요소가 너비를 채우도록 CSS를 변경하려고 시도했지만 작동하지 않았고 div로 래핑해 보았지만 문제가 지속됩니다.

문제를 보여주는 스크린샷을 확인하세요:

질문 응답

여기에서 코드를 볼 수 있지만 문제가 재현되지 않습니다. https://codesandbox.io/s/elegant-bhabha-ns7374?file=/src/main.css

home.tsx

으아아아

footer.tsx

으아아아

바닥글.css

으아아아

main.css

으으으으

Answer 1

SVG가 완전히 렌더링되지 않는 문제인 것 같습니다. 변경했는데 지금은 잘 작동합니다. 이전 SVG를 사용하여 문제를 해결하는 방법을 아직 모르지만, 이 문제가 발생하면 SVG를 변경하는 것이 좋습니다.