У меня есть dropdownList :
<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
});
}
Я пытаюсь получить доступ к productid из выбранных DropdownItem . Но по какой-то причине результат всегда будет нулевым:
console.log («Выбранный идентификатор продукта:», e.currentTarget.getAttribute («productid»)); // Выбранный productId: null
Есть идеи, что я сделал не так?