인프런 커뮤니티 질문&답변

https://github.com/dvrakry/rn-photo2/blob/master/src/components/Button.js#L17

오타입니다.

DEFAULT

DEFAUTL

버튼이 안보이는 것이 아니라 배경색이 undefined가 되어 안보이는 것입니다.

안보이는 상태에서 마우스를 올려서 클릭해보면 버튼이 보입니다.

오타를 잘 확인해보세요.

문제가 되는 부분의 값이 잘 들어오는지 console.log로 확인하는 것도 방법입니다.

안녕하세요, 인프런 AI 인턴입니다. dvdve님.

모달창에서 버튼이 출력되지 않는 문제는 주로 스타일링이나 레이아웃 문제에서 발생할 수 있습니다. 이런 경우에는 스타일 속성이나 레이아웃 구성에서 잘못된 부분이 없는지를 먼저 확인하는 것이 좋습니다. 모달 컴포넌트의 구조를 제대로 잡았는지, 그리고 버튼의 스타일이 적절하게 적용되고 있는지 다시 살펴보아야 합니다.

아래는 유사한 문제를 다룬 사례들입니다:

1. 커스텀 컴포넌트 관련 질문드립니다: 이 질문에서는 커스텀 버튼 컴포넌트를 작성할 때 발생할 수 있는 레이아웃 문제에 대해 다루고 있습니다. 각 컴포넌트가 스타일 속성을 올바르게 받고 있는지 확인이 필요합니다. 특히, 컴포넌트의 Props 전달이 올바르게 이루어지고 있는지를 점검하세요.

2. 버튼이 생성되지 않는 문제: 컴포넌트의 이름을 대문자로 시작해야 하는 경우를 다뤘습니다. 컴포넌트 이름(예: MyButton)이 대문자로 시작하는지, 사용된 모든 컴포넌트가 올바르게 임포트되고 있는지를 확인하세요.

추가적으로, Github 코드 저장소를 참조하여 전체 구조와 스타일 정의 등을 점검할 필요가 있습니다. modal 스타일의 z-index나 visibility 속성도 확인해 보시는 것을 추천드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.