프론트엔드/React

[React] Props로 html 태그 전송하는 방법

순코딩 2023. 7. 16. 00:23
참고자료

https://stackoverflow.com/questions/33381029/how-to-pass-html-tags-in-props

 

문제 발생

props로 html 태그를 전송하고 싶었지만 실패하였다

 

문제 해결

1. html 태그를 배열로 감싸 전달한다

2. html 태그 양 끝에 따옴표를 제거하고 태그만 남긴다.

해결 방법 1번 2번 중 골라 사용하면 된다.

만약 문자열 + 태그 + 문자열 과 같은 방식이라면 배열로 감싸 전달을 해야한다

 

결과

잘 전달됨