如何在 AppBar 上设置配置显示/隐藏刷新按钮

贾伊兹达约

点击查看图片

按钮刷新AppBar不是在页面仪表板上刷新,因为我只使用组件Card但使用组件List在页面上工作Datagrid,所以我想配置显示/隐藏刷新按钮AppBar或如何修复它对页面不使用组件ListDatagrid.

对不起,我英语不强。

吉尔达斯·加西亚

您必须从 react-admin 状态获取一些数据才能使其工作。实际上,刷新按钮只是触发refreshView更新state.admin.ui.viewVersionreact-admin redux 状态操作这个键是一个简单的计数器。在内部,我们使用这个计数器来检查我们是否必须更新某些组件数据。这是一个连接的简单示例,Dashboard它可以在刷新时执行操作:

import React, { Component } from "react";
import { connect } from "react-redux";

class Dashboard extends Component {
  componentDidMount() {
    this.doOnMountAndWhenRefreshed();
  }

  componentDidUpdate(prevProps) {
    if (prevProps.views !== this.props.views) {
      this.doOnMountAndWhenRefreshed();
    }
  }

  doOnMountAndWhenRefreshed = () => {
    // This is where you do update your component:
    // - Make API requests
    // - Fetch data from the react-admin store, etc.
  };

  render() {
    const { views } = this.props;
    return <div>Refreshed {views} times.</div>;
  }
}

const mapStateToProps = state => ({ views: state.admin.ui.viewVersion });

export default connect(
  mapStateToProps,
  {}
)(Dashboard);

你可以看到它在这个代码和框中工作

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Appbar上显示项目

来自分类Dev

如何隐藏基于平台的AppBar后退按钮?

来自分类Dev

如何在Flutter中使用GestureDetector隐藏appBar?

来自分类Dev

如何在 React Material UI 的 AppBar 组件中设置容器?

来自分类Dev

如何在Appbar上使图标具有不同的对齐方式?

来自分类Dev

如何在像Facebook个人资料这样的AppBar上隐藏ImageView?

来自分类Dev

如何在Flutter中不使用AppBar的情况下添加后退按钮?

来自分类Dev

如何在不更改默认图标的情况下执行Appbar后退按钮单击操作

来自分类Dev

如何在Windows 8.1通用应用程序WinJS中将appBar设置在屏幕顶部

来自分类Dev

如何在Windows 8.1通用应用程序WinJS中将appBar设置在屏幕顶部

来自分类Dev

如何在没有尾随空格的情况下显示 Flutter AppBar

来自分类Dev

如何在Flutter的左侧放置AppBar标题

来自分类Dev

如何在Appbar抖动中将图片居中?

来自分类Dev

如何在 Androidx 中获取 AppBar?

来自分类Dev

如何使资产超过AppBar?

来自分类Dev

如何使用iconElementRight在AppBar中添加多个按钮

来自分类Dev

如何将CommandBar / AppBar设置为始终打开

来自分类Dev

如何设置Android的AppBar操作文本的样式?

来自分类Dev

设置AppBar的标题

来自分类Dev

如何在一个小部分上从Material-ui AppBar中删除高程(框阴影)?

来自分类Dev

Flutter:不使用AppBar时如何在Android和iOS上更改状态栏文本颜色

来自分类Dev

向下滚动时隐藏AppBar

来自分类Dev

Appbar布局隐藏ViewPager的背景

来自分类Dev

在AppBar按钮中对齐文本

来自分类Dev

后退按钮取代了AppBar的标题

来自分类Dev

Flutter Scaffold Appbar不显示后退按钮

来自分类Dev

Flutter:如何在AppBar的左侧添加徽标图像?

来自分类Dev

Flutter:如何在Appbar中制作圆形头像

来自分类Dev

如何在Vuetify中使Appbar透明且无填充

Related 相关文章

  1. 1

    如何在Appbar上显示项目

  2. 2

    如何隐藏基于平台的AppBar后退按钮?

  3. 3

    如何在Flutter中使用GestureDetector隐藏appBar?

  4. 4

    如何在 React Material UI 的 AppBar 组件中设置容器?

  5. 5

    如何在Appbar上使图标具有不同的对齐方式?

  6. 6

    如何在像Facebook个人资料这样的AppBar上隐藏ImageView?

  7. 7

    如何在Flutter中不使用AppBar的情况下添加后退按钮?

  8. 8

    如何在不更改默认图标的情况下执行Appbar后退按钮单击操作

  9. 9

    如何在Windows 8.1通用应用程序WinJS中将appBar设置在屏幕顶部

  10. 10

    如何在Windows 8.1通用应用程序WinJS中将appBar设置在屏幕顶部

  11. 11

    如何在没有尾随空格的情况下显示 Flutter AppBar

  12. 12

    如何在Flutter的左侧放置AppBar标题

  13. 13

    如何在Appbar抖动中将图片居中?

  14. 14

    如何在 Androidx 中获取 AppBar?

  15. 15

    如何使资产超过AppBar?

  16. 16

    如何使用iconElementRight在AppBar中添加多个按钮

  17. 17

    如何将CommandBar / AppBar设置为始终打开

  18. 18

    如何设置Android的AppBar操作文本的样式?

  19. 19

    设置AppBar的标题

  20. 20

    如何在一个小部分上从Material-ui AppBar中删除高程(框阴影)?

  21. 21

    Flutter:不使用AppBar时如何在Android和iOS上更改状态栏文本颜色

  22. 22

    向下滚动时隐藏AppBar

  23. 23

    Appbar布局隐藏ViewPager的背景

  24. 24

    在AppBar按钮中对齐文本

  25. 25

    后退按钮取代了AppBar的标题

  26. 26

    Flutter Scaffold Appbar不显示后退按钮

  27. 27

    Flutter:如何在AppBar的左侧添加徽标图像?

  28. 28

    Flutter:如何在Appbar中制作圆形头像

  29. 29

    如何在Vuetify中使Appbar透明且无填充

热门标签

归档