我还是 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] 删除。
我来说两句