Question

我有下一个组件：

class UserDetail extends Component {




    render() {
        if (!this.props.user) {
            return (<div></div>);
        }

        return (
            <div>
                <div>{this.props.user.first} {this.props.user.last}</div>
                <div>Age: {this.props.user.age}</div>
                <div>Description: {this.props.user.description}</div>
                <video width="750" height="480" controls id='thevid'>
                  <source src={this.props.user.video} type="video/mp4"></source>
                </video>


            </div>
        );
    }
}

你可以看到它返回被挑选用户的一些细节，然后显示他的详细信息（其中一个是视频）。

当我按f + 12时，我可以看到每次选择新用户时视频的src都会改变，但实际上视频没有更新。

在我曾经做过的javascript中：

document.getElementById('video').load();

然后视频正在更新到源链接。

但在反应中我不知道该怎么做。

请帮助

Answer 1

更新src代码上的<source />似乎无法在设置之后执行任何操作。

通过将src传递给<video />组件，使用refs或更好的方法手动设置视频的src。

 <video width="750" height="480" controls id='thevid' src={this.props.user.video} />

在reactjs

1 个答案: