React-redux：通过ref（或id​​）滚动到列表元素

Question

我有一个窗格组件，它是一个ul元素，带有动态生成的li plot组件列表。两个组件都连接到redux。

我想在应用程序的另一部分中选择适当的绘图组件时将其滚动到视图中（所选组件的id保持在如下状态：state.plots.selectedPlot）。

如果选择了selected组件，我将li作为参考添加，如下所示：

ref={this.props.selectedPlot === id && this.props.selectedPlot}

在ul组件中，我这样做：

import ReactDOM from 'react-dom';
...
    componentDidUpdate() {
            ReactDOM.findDOMNode(this.refs.selected) &&
                ReactDOM.findDOMNode(this.refs.selected).scrollIntoView();
    }

这不起作用。关于为什么的任何想法？