React JSX에 iframe이 포함 된 동영상을 삽입하십시오.

Question

순수한 질문에 사과드립니다. 분명히 분명하지 않습니다.

내 간단한 상태 비 iframe이 구성 요소 :이 제대로 렌더링 것 같다,하지만 iframe이 비어

import Video from 'Video'; 

const Parent = (props) => (
    <div> 
    <Video src="https://www.youtube.com/watch?v=WlRxNSRA7Rg"/> 
    </div> 
); 

export default Parent; 

: 나는 Parent 비 저장 구성 요소과 같이 사용

const Video = ({ src }) => (
    <iframe 
    allowFullScreen 
    frameborder="0" 
    height="315" 
    src={src} 
    width="560" 
    /> 
); 
export default Video; 

.

나는 React가 지원하는 미디어 이벤트와 관련이 있다고 생각하지만 어떤 도움을 주시면 감사하겠습니다.

Answer 1

이와 같이 iframe의 src를 설정하면 XSS 공격으로 인해 위험한 것으로 간주됩니다. 위험한 SetInnerHTML을 사용해야합니다. 그것에 대해 읽어보십시오 here

및 this

을 참조하십시오.