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(
)
})
}