首页 > 解决方案 > 下拉菜单未在 React 中更新

问题描述

问题是我有两个下拉菜单;日期和文件类型。当用户更改日期时,文档类型会更改以反映新日期。因此,2019 年 1 月的文档类型可能为 a、b 和 c。2019 年 2 月的文档类型为 e、f、g。问题是当前查看的文档类型在日期更改时不会更新。因此,如果您选择了 2019 年 2 月和当前选择的文档类型 G,如果您更改日期,文档类型 G 仍然可见。当您单击下拉菜单时,新的文档类型就在那里。我可以看到数据在变化。value\text 数组看起来不错。有没有办法在重新填充之前清除下拉组件?或者以编程方式触发更改事件以强制重绘\重新填充?我的 React 经验不到一个月。

onFilterChange = filterState => {
  //I am thinking this is where I would add some kind of change event when the date is selected
  let { filter, value, displayValue } = filterState;
  this.setState(
    prevState => {
      return { [filter]: value };
    },
    () => {
      this.getKeygraphReport();
    }
  );
  if (filter === "quick-selector") {
    this.setState({ displayValue });
  }
};

标签: reactjs

解决方案


推荐阅读