• 목록
  • 아래로
  • 위로
  • 0
  • Seia
  • 조회 수 89

간단한 트릭인데 생각보다 많은 곳에 쓰일 수 있는 팁입니다.


아래와 같이 사용하면 여러가지 HTML 태그를 한 번에 구현할 수 있습니다. 


module.exports = props => {

const MyTag = props.as

return <MyTag />

}


ex)


<SomeModule as="h1" />


따라서 위와 같이 하면 <h1 />이 리턴되겠죠.


미리 알아야 할 점은 MyTag에 해당하는 컴포넌트 이름의 첫 글자가 대문자여야 합니다.


그래서


module.exports => props => {

const myTag = props.as

return <myTag />

}


와 같이 작성하면 동작하지 않을겁니다.

작성자
Seia 33 Lv. (7%) 87540/92480EXP

Node.JS와 Rust를 주로 공부하고 있으며 React로 여러가지 앱을 만지작 거립니다. 알고리즘보다는 비공식적인(?) 개발을 좋아합니다.

 

GitHub: @Seia-Soto

Twitter: @Seia_Soto, @fluentAroma

Instagram: @seia.soto

Blog: typed.sh

Site: seia.io

댓글 0

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
352 [Python] 다중 list comprehension 이니스프리 이니스프리 20.02.14.13:08 120
351 [Python] 10진수를 n진수로 변환하기 이니스프리 이니스프리 20.02.14.01:23 417
350 [Python] 스도쿠의 정오를 확인하는 함수 이니스프리 이니스프리 20.02.13.15:28 102
349 [Python] 최소공배수 구하기 이니스프리 이니스프리 20.02.12.00:11 221
348 [Python] 문자열에서 숫자만 뽑아서 정수로 반환하는 함수 이니스프리 이니스프리 20.02.12.00:01 113
347 [Python] 2020년 5급 신임관리자 교육과정에 파이썬 도입! image 이니스프리 이니스프리 20.02.11.23:48 111
346 [Python] 회문(Palindrome) 여부를 확인하는 함수 이니스프리 이니스프리 20.02.11.23:32 160
345 [Python] 수를 뒤집는 두 가지 방법 3 이니스프리 이니스프리 20.02.11.22:24 132
344 [Python] 에라토스테네스의 체 이니스프리 이니스프리 20.02.10.23:33 226
343 [Python] 이차원 리스트에서의 다중조건 정렬 이니스프리 이니스프리 20.02.08.23:00 1056
342 [Requests] 한 번의 POST 전송으로 여러 개의 파일을 업로드하는 방법 이니스프리 이니스프리 20.02.06.21:23 321
341 [Python] 지난 일요일 날짜 구하기 이니스프리 이니스프리 20.02.04.20:33 307
340 [파이썬] 딕셔너리의 키/값으로 정렬하기 이니스프리 이니스프리 20.02.02.23:25 176
339 [IPVanish] 809 에러 해결방법 이니스프리 이니스프리 20.02.02.17:10 153
338 Matrix DAC 발열 문제 이니스프리 이니스프리 20.01.31.12:34 115
337 JLPT 성적표 및 합격증 수령 주소 변경 이니스프리 이니스프리 20.01.29.21:51 118
336 Apple ID 미국 계정 만들기 및 로그인 실패시 해결방법(?) 이니스프리 이니스프리 20.01.26.20:14 155
335 더현대닷컴 vs Hmall의 차이 이니스프리 이니스프리 20.01.26.20:10 688
334 다이소 스마트폰 유심 커터기 관련 4 이니스프리 이니스프리 20.01.22.17:15 470
333 텔레그램 비밀대화의 스크린캡쳐 방지기능 이니스프리 이니스프리 20.01.20.23:44 3387