获取子数据属性的值(React)

时间:2018-05-14 19:36:42

标签: javascript reactjs

我有一个带有选项列表的选择菜单。每个选项都有一个数据属性。

handleSelectChange(e) {
  let inputValue = e.target.value;
}

我可以通过以下方式访问当前所选选项的值:

dd <- density(x, y, , na.rm = TRUE)
dd <- data.frame(x=dd$x,y=dd$y )

ggplot(dd, aes(x,y)) + 
 geom_line(color="black") + xlim(range(0, 45)) +
 geom_area(data = subset(dd, x >41), color="grey", fill = "grey")  +
 scale_x_discrete(limits=seq(from=0, to=45, by =5),
  labels=c("45", "40" , "35" , 
  "30", "25","20","15" , "10" , "5" , "Election")) + theme_minimal() +
 labs(title="Local Election", y="Density", x="Distance to the election(in 
  Months)") 

但我还需要当前所选选项的 data-tag 属性。 我该怎么做呢?

1 个答案:

答案 0 :(得分:0)

您可以在更改处理程序中获取它,如下所示:

handleSelectChange = (e) =>{
    const dataTag = e.target.querySelector(':checked').getAttribute('data-tag');
}