inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Lập trình React thực tế

Quyết định cách viết CSS

styled-components

221

hyde981114

16 câu hỏi đã được viết

0

styled로 생성한 컴포넌트의 경우 작성한 props 중 type, onClick, id 같은 어트리뷰트는 자동적으로 엘리먼트의 어트리뷰트로 적용이 되나요? 즉, 일반적이지 않은 이름의 어트리뷰트의 경우 어트리뷰트로 적용되지 않고 type, onClick, id 같은 어트리뷰트 이름을 갖는 것들은 엘리먼트의 어트리뷰트로 적용되는 것이 맞나요??

 

const Button = styled.button` //스타일 정보 `;

<Button onClick={submitHandler} type="submit" isValid={true}/>

 

위 코드에서 onClick, type, isValid 모두 props로 전달되지만, onClick과 type은 button 엘리먼트의 어트리뷰트로 적용되고, isValid는 어트리뷰트로 적용되지 않는 것이 맞나요??

redux react

Câu trả lời 2

0

hyde981114

답변 감사드립니다! 

0

landvibe

안녕하세요
적용된다는 것의 의미는 생각하기 나름일 것 같은데요
모든 props 가 button 앨리먼트로 전달된다고 생각해도 될 것 같아요
하지만 전달되더라도 button 앨리먼트에서 사용하지 않는 props 는 무시가 되겠죠

참고로 요새 저는 styled-components 보다는 tailwind 를 이용한 방식이 더 좋더라구요^^

자동완성기능이 안되네요 ..

0

504

3

화면에 에러가나네요 ...

0

518

2

setValue 함수 질문 있습니다.

0

842

1

찾아야한다 실습 문의

0

471

1

훅 기초 익히기 - 배치 처리와 순차적 처리의 차이

0

476

1

cra, next.js 관련 질문 드립니다!

0

606

1

useState 배열 비구조화 문법 질문!

0

256

1

Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'

1

1087

2

Saga 오류 이거 혹시 왜이런지 알수 있을까요?

0

374

2

http://localhost:3001/user/search?keyword=u 이걸로 데이터를 보는데 저는 사이트에 연결할 수 없다고 나오네요

0

665

1

match

1

498

1

버튼이 생성되지 않습니다 .

0

288

1

혹시 import 옆에 파일 사이즈 표시 어떻게 하나요?

0

263

1

saga 문제

0

249

1

에러가 발생하는데 이유가뭘까요..?

0

392

2

선생님과 똑같이 했는데 다 rendering 됩니다.

0

206

1

컴포넌트와 컨테이너의 기준

0

316

1

커스텀훅의 개념과 함수차이

1

1199

1

useEffect 실전 활용법(1) 강의에서 질문있습니다.

0

340

1

리덕스, 사가파일들의 관리

0

209

1

useImperativeHandle 질문 입니다.

0

283

1

컴파일 문의드립니다.

0

207

1

React.memo 관련 질문이 있습니다.

0

378

1

Context API vs Redux 사용 빈도

0

217

1