Я новичок в reactjs. Начал несколько дней назад и застрял с одной реализацией. Я хочу прокрутить меню по горизонтали в направлении выбранного элемента на экране. Я пытался использовать scrollToView
, но не смог получить правильный результат. Я использую <Link>
для меню и обновляю маршруты URL на основе slug.
Я поделился примером кода, который я попробовал:
<div style={this.CSS.showMenuContainer}>
<div style={this.CSS.showMenuLabel}>Select a show</div>
<div style={this.CSS.showMenuSelect}>
{
this.state.shows.map((it, index) => {
return (
<Link to={{pathname: `/${it.slug}`}} key={'item-' + index} ref={it.slug} defaultValue={index}
style={this.props.slug == `/${it.slug}` ? this.CSS.showMenuTextActive : this.CSS.showMenuText}>{it.primary_text}</Link>
);
})
}
</div>
</div>
Пожалуйста, направьте меня к правильному подходу.
Спасибо