Горизонтальная прокрутка в реакции js (16.04) - PullRequest
0 голосов
/ 26 апреля 2020

Я новичок в 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>

Пожалуйста, направьте меня к правильному подходу.

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...