Javascript 从道具渲染iframe youtube嵌入时，是否会做出危险的反应？

有人知道如何在React中将这个prop属性设置为stringToHTML吗？提前谢谢

var Video = React.createClass({

getDefaultProps: function getDefaultProps() {

        return propsObj;
},

createMarkup: function() { 

    return {__html: {this.props.video}}; 
},

  render: function() {
    return (

      <div className="video-container no-controls" id="player" dangerouslySetInnerHTML={createMarkup()} />
    );
  }
});

var Video=React.createClass({
getDefaultProps：函数getDefaultProps（）{
返回propsObj；
},
createMarkup:function（）{
返回{uuuhtml:{this.props.video}；
},
render:function（）{
返回(
);
}
});

React中的HTML注入有一个如此麻烦的API的原因：强烈反对使用它

不清楚为什么要将HTML注入用于像YouTube视频iframe这样简单的东西。它的标记是可预测的

我强烈建议您用JSX重写它。下面是我在最近一个项目中使用的YouTube组件的代码

const YouTubeVideo = ({ id }) => (

    <div className="youtube-wrapper">
        <div className="youtube">
            <iframe
                className="youtube-frame"
                src={`https://www.youtube.com/embed/${id}?autoplay=1`}
                allowFullScreen
            />
        </div>
    </div>

);

constyoutubevideo=（{id}）=>(
);

你为什么把

{…}

放在

{this.props.video}

周围？这是无效的JavaScript。如果它能修复它，那将是令人惊讶的，但它没有。谢谢你，大卫！这就是我需要的。我只是想找出用户从后端嵌入youtube视频的反应方式。为了完成，您可以添加调用/调用此组件的方式。谢谢你的代码。但是这不适用于Youtube iframe API（它有很好的操作界面）？还是我错了；谢谢