Я использую этот реактивный модальный видео компонент https://appleple.github.io/react-modal-video/, но props videoId = {this.props.video} не работает, можете объяснить, почему?Код, который я использовал:
class Video extends React.Component {
constructor () {
super()
this.state = {
isOpen: false
}
this.openModal = this.openModal.bind(this)
}
openModal () {
this.setState({isOpen: true})
}
render () {
return (
<div>
<ModalVideo channel='youtube' isOpen={this.state.isOpen} videoId={this.props.spotlight} onClose={() => this.setState({isOpen: false})} />
<div className="SpotlightButton">
<button onClick={this.openModal}>Open</button>
</div>
</div>
)
}} export default Video