react里的refs遇到一个问题

Question

代码如下：实现效果是一个锚点导航：通过点击获取当前点击对象的data-id属性的值，再同个这个值获取另外一个节点的offsetTop属性值。但是现在refs.xx这里的没法写变量，有没有办法能够这样动态的获取到offset值？staticdefaultProps={list:[{id:'#one'},{id:'#two'},{id:'#three'},{id:'#four'},{id:'#five'},{id:'#six'}]}clickHandler(e){constid=e.target.getAttribute('data-id').split('#')[1];consttarget=this.refs.id.offsetTop;//后面的处理是页面滚动到目标id的位置}render(){return({this.props.list.map((item,index)=>{return()})}onetwothreefour);}