node.js/React.js

[React] 컴포넌트의 내용에 BR 태그 추가

IT공부블로그 2020. 4. 6. 20:40
728x90
반응형

dangerouslySetInnerHTML를 이용

무조건 텍스트로 렌더링되는 취약점이 있음


1
2
3
4
5
6
7
8
9
10
11
12
13
this.setState({
 
 
    infoText: (
                <>
                    {" "}
                    <span
                        dangerouslySetInnerHTML={{ __html: resultMsg }}
                    ></span>
                </>
            )
 
})
cs

위의 resultMsg에 안녕하세요<br/> 안녕 이라고 입력하면

안녕하세요

안녕

와 같이 쓰임

728x90
반응형