Мне трудно установить ссылку в провайдере контекста. Это невозможно или мне чего-то не хватает? Я могу создать 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>
)
Любая помощь приветствуется!