ReactStrap:访问所选dropDownItem的ID [英] ReactStrap: Accessing the id of the selected dropDownItem
本文介绍了ReactStrap:访问所选dropDownItem的ID的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有这个下拉列表:
<Dropdown
isOpen={this.state.dropdownOpen[3]}
toggle={() => {
this.toggle(3);
}}
>
<DropdownToggle className="my-dropdown" caret>
{" "}
{this.state.dropDownValue}
</DropdownToggle>
<DropdownMenu>
<DropdownItem productid="0">
{" "}
<div onClick={this.changeValue}>
PURE BLACK MAT BLUETOOTH
</div>
</DropdownItem>
<DropdownItem productid="1">
{" "}
<div onClick={this.changeValue}>
PLAYER BLACK MAT FILAIRE
</div>
</DropdownItem>
<DropdownItem productid="2">
{" "}
<div onClick={this.changeValue}>
PURE PLUS BLACK MAT MEMORY 128 G
</div>
</DropdownItem>
<DropdownItem productid="3">
{" "}
<div onClick={this.changeValue}>
PURE LIMITED CHROME GOLD MEMORY 256G
</div>
</DropdownItem>
<DropdownItem productid="4">
{" "}
<div onClick={this.changeValue}>
PURE GOLD MAT BLUETOOTH
</div>
</DropdownItem>
<DropdownItem productid="5">
{" "}
<div onClick={this.changeValue}>
PLAYER GOLD MAT FILAIRE
</div>
</DropdownItem>
<DropdownItem productid="6">
{" "}
<div onClick={this.changeValue}>
PURE PLUS GOLD MAT MEMORY 128 G
</div>
</DropdownItem>
<DropdownItem productid="7">
{" "}
<div onClick={this.changeValue}>GAME ONE WHITE</div>
</DropdownItem>
</DropdownMenu>
</Dropdown>
此 onClickListener :
changeValue(e) {
console.log(
"The selected productId is: ",
e.currentTarget.getAttribute("productid")
);
//The selected productId is: null
this.setState({
dropDownValue: e.currentTarget.textContent
});
}
我正在尝试访问所选 DropdownItem 的 productid .但是,由于某种原因,结果始终为null:
I am trying to access the productid of the selected DropdownItem. But, for some reason the result is always null:
console.log(所选的productId为:",e.currentTarget.getAttribute("productid"));//所选的productId为:null
console.log( "The selected productId is: ", e.currentTarget.getAttribute("productid") ); //The selected productId is: null
知道我做错了什么吗?
推荐答案
我已通过在div中传递属性 productid 来解决此问题:
I have fixed this by passing the attribute productid inside the div:
<DropdownItem>
{" "}
<div productid="0" onClick={this.changeValue}>
PURE BLACK MAT BLUETOOTH
</div>
</DropdownItem>
这篇关于ReactStrap:访问所选dropDownItem的ID的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文