мне нужно DragToScroll вот эту полосу хэштегов(представим, что их там много и они скрылись, как только зашли за красную линию)
контейнер Hashtags - вмещает в себе эти хэштеги
<div className='Hashtags' >
<HashTag HashTag='SEO' />
</div>
css div Hasgtags
.Hashtags{
display: flex;
width: 70%;
overflow-x: hidden;
}
файл Hashtag
import React from 'react'
import './HashTag.css';
function CheckIsHasTag(props){
if(props.hashtag.includes('#')){
return(
<p className='Hashtag'>{props.hashtag}</p>
)
}
else if(!props.hashtag.includes('#')){
return(
<p className='Hashtag'>#{props.hashtag}</p>
)
}
}
class HashTag extends React.Component {
constructor(props){
super(props);
this.state = {
hashtag: props.HashTag
};
}
render(){
return (
<CheckIsHasTag hashtag={this.state.hashtag}/>
)
}
}
export default HashTag