参考错误:anchorEl 未定义

爱丽丝

我还是 reactjs 的新手。我尝试在我的代码中使用 popover 函数,但它说 anchorEl 没有声明,我不知道我应该在哪里声明它。这是我的代码。如果你能帮助我,我真的很感激。


class TropicalListNonMapped extends Component {  
  constructor(props) {
    super(props);
    this.state = {
      anchorEl: null,
      setanchorEl: null,
      open: false,
      data: [],
      columns: [
        [

          {
            dataField: "",
            text: "Tindakan",
            formatter: (cell, row) => (
              <div
                style={{ textAlign: "left" }}
                className={this.props.classes.divAction}
              >
                <Button
                  onClick={(e) =>
                    this.setState({ open: true, anchorEl: e.currentTarget })
                  }
                >
                  <Ionicon icon="md-more" />
                </Button>
                <Popover
                  open={open}
                  anchorEl={anchorEl}
                  onClose={() => this.setState({ open: false })}
                  anchorOrigin={{
                    vertical: "bottom",
                    horizontal: "center",
                  }}
                  transformOrigin={{
                    vertical: "top",
                    horizontal: "center",
                  }}
                  classes={{ paper: classNames(classes.popover) }}
                >
             
                </Popover>
              </div>
         

        
   
海蒂格兰

在 Popover 组件中,您需要修改您的道具:

anchorEl={this.state.anchorEl}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章