부트 스트랩 popover with reactjs (JSX)

Question

JSX를 빌드 할 때 부트 스트랩 팝업 버튼을 html로 사용하려고하는데 예기치 않은 토큰 오류가 발생합니다.

<button type="button" className="btn btn-secondary" data-container="body" 
     data-toggle="popover" data-placement="bottom" 
     data-content="<button type="button" className="btn btn-danger pull-xs-left" data-dismiss="modal">Delete</button>"> 
     data-html="true" 
     Popover on bottom 
</button> 

을하지만 데이터 컨텐츠 구축 좋아하지 않는 반응 : 여기

내가 JSX에서 수행 할 작업입니다

data-content="<button type="button" className="btn btn-danger pull-xs-left" 

오류 : 예기치 않은 토큰

> 1265 |          data-content={"<button type="button" className="btn btn-danger pull-xs-left" data-dismiss="modal">Delete</button>"}> 
     |                ^

이 문제를 어떻게 해결할 수 있습니까? 나는 jquery를 선호하지 않는다.

Answer 1

' "'이 중첩, 당신은

<button type="button" className="btn btn-secondary" data-container="body" 
    data-toggle="popover" data-placement="bottom" 
    data-content='<button type="button" className="btn btn-danger pull-xs-left" data-dismiss="modal">Delete</button>' 
    data-html="true" 
    Popover on bottom