https://rutube.ru/api/video/${id}
`https://pic.rutubelist.ru/video/*1*/*2*/${thumbnail_url}.jpg`
`https://pic.rutubelist.ru/video/*1*/*2*/${thumbnail_url}.jpg?width=640`
<div class=col-6 position-fixed sidebar" >боковое меню</div>
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel">
class Header extends React.Component {
componentDidMount() {
const menuBtn = document.querySelector('.btn');
console.log(menuBtn);
}
render() {
return (
<>
<div className="menu">
<div className="btn">
{/* ... */}
</div>
</>
)
}
}
export default Header;
class MyComponent extends React.Component {
// пробрасываем пропсы если надо
constructor(props) {
super(props);
this.props = props
}
componentDidMount() {
// Сюда пишем скрипты которые нужны. Можно обращаться к чему хочешь (в пределах компонента)
}
render() {
return (
<>
//тут твоя jsx разметка
</>
)
}
}
export default MyComponent;