reactjs - 在反应上下文提供程序中创建 ref
问题描述
我很难在上下文提供程序中设置 ref。这是不可能的还是我遗漏了什么?我能够以相同的方式在其他组件中创建Refs,但以下始终将 ref 显示为 { current: null }
const VideoPlayerContext = React.createContext();
export default class VideoPlayerProvider extends Component {
videoPlayerComponent = React.createRef()
state = {
// some state
}
seek = (time) => {
this.videoPlayerComponent.seek(time)
}
render () {
return (
<VideoPlayerContext.Provider value={Object.assign({}, this.state, { seek: seek})}>
<VideoPlayer
key={'videoplayer'}
{...this.state}
ref={this.videoPlayerComponent}
/>
{ this.props.children }
</VideoPlayerContext.Provider>
)
}
}
然后我的应用程序就这样包装了
const app = () => (
<VideoPlayerProvider>
<App />
</VideoPlayerProvider>
)
任何帮助表示赞赏!
解决方案
推荐阅读
- istio - istio 如何进行基于权重的 tcp 流量转移?
- vba - Word-VBA-为什么我在内容控件中输入值后占位符文本会发生变化?
- c++ - 谁能向我解释默认参数值如何在 C++ 的递归函数中工作?
- javascript - 将 C# 位运算转换为 Javascript
- rust - 让 GtkComboBox 条目为 Pixbuf 或 String
- python - 为什么 os.system('cls') 不清除最近的输出?
- swift - 如何以高性能的方式将可变数组用作字典值?
- javascript - 返回的承诺链上的回调在上述承诺链中的回调之前运行
- mysql - 如何订购我的 mysql 查询以双重标准?
- kubernetes - 如何使用负载均衡器(或直接)从外部访问 pod?