style props 로 받을때 type 설정
352
작성한 질문수 16
안녕하세요 멋쟁이 선생님.
타입스크립트를 이용해서 작업중인데요.
SignInScreen 에서 styles props 를 보내고
Input 컴포넌트에서 styles props 를 받을때
type InputProps = {
placeholder: string;
value: string;
styles?: object
};이렇게 하고 아래 View에 스타일을 적용했더니,
<View style={[common.inputWrapper, styles?.inputWrapper]}>위의 styles?.inputWrapper 의 inputWrapper 가 붉은 밑줄이 생기고 툴팁을 보니
TS2339: Property 'inputWrapper' does not exist on type '{ styles: string; }'.
라고 안내가 뜨는데요.
제가 무엇을 놓치고 있는건지요..?
답변 1
0
안녕하세요,
강의를 벗어난 질문에 대해서는 답변하지 않고 있습니다. 그리고, 강의에서 타입스크립트를 사용하지 않습니다. 이 부분 이해해 주시면 감사하겠습니다.
간단하게 설명드리면, styles에 어떤 값들이 들어올 수 있는지 알려주면 됩니다.
예를 들어, 다음과 같이 작성하시면 됩니다.
type InputStyles = {
inputWrapper?: object,
}
type InputProps = {
value: string,
styles?: InputStyles
}
이렇게 하면, InputProps로 전달된 styles 객체에 inputWrapper가 있다는것을 알려주게 됩니다.
강의를 벗어난 부분에 대한 답변은 하지 않는 부분 양해 부탁드립니다.
타입스크립트에 관련된 질문은 타입스크립트쪽에서 진행하시기 바랍니다.
즐거운 하루 되세요
감사합니다.
expo 가 업데이트 되면서 문제가 발생한거같습니다.
0
355
2
navigation.replace() 작동하지 않습니다.
0
153
2
UpdateProfileScreen 에서 사진 버튼 클릭시 오류발생.
0
137
2
닉네임 수정 후 확인 버튼을 누를시 한글자만 출력됩니다.
0
181
2
모달창에서 버튼이 출력되지 않습니다.
0
109
2
로그인 에러 출력시 default값만 나옵니다.
0
151
2
안드로이드 기기에서 SignUp 화면 관련 질문드립니다.
0
94
2
간단한 질문 하나만 드리겠습니다!
0
80
2
text.trim() 부분에서 오류가 발생합니다.
0
131
2
profile 화면에서 내가 쓴 글이 나타나지 않습니다.
0
145
2
글 저장시 파일 저장위치 관련 질문드립니다!
0
117
2
구글 지도 API 관련 오류로 질문드립니다!
0
149
1
HeaderRight 버튼이 작동하지 않습니다.
0
94
2
사진이 나오지 않는 문제로 질문드립니다.
0
118
2
defaultProps 관련 문의 드립니당
0
252
2
이미지 목록을 받아오는 부분에서 IOS 에서 문제가 발생합니다.
0
135
2
안드로이드 기기에서 헤더 부분이 작동이 안됩니다.
0
92
2
[TypeError: unsubscribe is not a function (it is undefined)] 오류 발생으로 질문드립니다.
0
114
2
7.15 :: 상태 변수와 컴포넌트 언마운트 관련 질문드립니다!
0
104
2
SIgnIn SignUp 화면이 안나옵니다.
0
130
2
마지막 useEffect 부분 질문드립니다.
0
104
2
ImagPickerScreen을 만드는 과정에서 문제가 발생하여 글을 남깁니다.
0
213
2
eslint.config.mjs 파일에 plugin 설정방법
0
752
1
ESLint.json 파일이 생성되지 않습니다.
0
242
2