小编iva*_*707的帖子

来自React材质UI MenuItem单击事件的setState

我正在尝试使用Material UI根据下拉选择更改状态.

问题是下面的代码(剥离)返回列表项,所以我不知道接下来该做什么.

从handleClose方法中的console.log(event.target)返回

<li tabindex="0" class="MuiButtonBase-root-23 MuiListItem-root-72 MuiListItem-default-75 MuiListItem-gutters-79 MuiListItem-button-80 MuiMenuItem-root-70" role="menuitem">
Run Code Online (Sandbox Code Playgroud)

剥离的组件:

广告系列从api调用填充.谢谢你的任何想法.

import React, { Component } from "react";
import Button from "@material-ui/core/Button";
import Menu from "@material-ui/core/Menu";
import MenuItem from "@material-ui/core/MenuItem";

class ABC extends Component {
  constructor(props) {
    super(props);
    this.state = {
      campaigns: [],
      anchorEl: null
    };

    this.handleClick = this.handleClick.bind(this);
    this.handleClose = this.handleClose.bind(this);
  }

  // For the dropdown
  handleClick = event => {
    this.setState({ anchorEl: event.currentTarget });
  };

  handleClose = event => {
    this.setState({ anchorEl: null …
Run Code Online (Sandbox Code Playgroud)

javascript drop-down-menu reactjs material-ui

5
推荐指数
1
解决办法
2610
查看次数

标签 统计

drop-down-menu ×1

javascript ×1

material-ui ×1

reactjs ×1