我是React JS的新手,正在尝试使用React Pivot表创建一个数据透视表。 我希望能够使用选择下拉菜单选择数据集,并在下拉选择发生变化时更新状态并重新呈现完整表,就像这里显示的jquery示例https://pivottable.js .org / examples / rcsvs.html

在我对数据透视表进行任何选择或更改之前,它都可以工作。 我能够在2个数据集和数据透视表中的状态更改之间切换。 但是,当我选择数据透视尺寸并使用数据透视表时,在那之后,更改选择菜单并不能帮助我更改数据透视表的状态。 请帮忙。

我尝试遵循此问题中给出的解决方案,但是我无法执行第二步,因为我不知道如何在组件调用中定义它。

更改选择标记中的选择时,如何重新呈现整个React Pivot Table UI组件?

const PlotlyRenderers = createPlotlyRenderers(Plot);

class PivotTablePlotly extends React.Component {
  constructor(props) {
    super(props);
    this.state ={
      rowData: [],
    }
  }

componentWillReceiveProps(nextProps) {
    fetch(
      "API Call"
    )
      .then((result) => result.json())
      .then((rowData) => this.setState({ rowData }));
  }

  componentDidMount() {
    fetch(
      "API Call"
    )
      .then((result) => result.json())
      .then((rowData) => this.setState({ rowData }));
  }

  renderTable() {
    return (
      <PivotTableUI
        data={this.state.rowData}
        onChange={s => this.setState(s)}
        renderers={Object.assign({}, TableRenderers, PlotlyRenderers)}
        {...this.state}
      />
    )
  }
  render() {
    return (
        <div className="pivotTheme">
          <Col>
            <br />
            {this.renderTable()}
          </Col>
        </div>
    );
  }
}
export default PivotTablePlotly;

  ask by RAZI AHMAD translate from so

本文未有回复,本站智能推荐:

3回复

状态更改时,React组件不会重新呈现

我正在制作一个反应应用程序,用户可以在其中输入机场的标识符,应用程序将从Web API获取相应的天气数据并将其显示在表格中(例如:CYOW - > http:// avwx。 rest / api / metar / CYOW )。 我已经到了指定用户搜索机场的API端点的'url'状态
4回复

状态更改时,React组件不会重新呈现

我有一个基于URL的react组件,应该导入一些数据,然后将其显示在另一个子组件中。 页面首次加载时,它将初始数据加载为componentDidMount()的组件状态。 至于进一步的网址更改,它们在componentDidUpdate()导出默认类信息扩展React.Component {
1回复

React组件在另一个容器的redux状态更改时未重新呈现

我有两个容器,分别是: FilterContainer和MapContainer 。 FilterContainer具有一个状态: selectedFitlers ,只要用户单击复选框列表中的内容,该状态就会更新。 MapContainer 应该做的是查看state.filterLi
1回复

状态更改时React组件未更新

我在登录用户时无法更新导航时遇到问题。 所以我App.js的一部分看起来像这样; 在我的Login.js文件中,我调用了我的API,检查了有效的详细信息,如果它们有效,那么响应将设置一个令牌,并且将value过期的内容存储到localStorage中,然后重定向到首页; 所
3回复

React不会在状态更改时重新呈现

单击按钮时,我正在渲染新表单。 所以基本上我改变了组件中的状态: false为true或null为true 但是,奇怪的是,组件在状态更改后不会重新呈现 非常感谢!!! 编辑!!! 解
9回复

React 组件不会在状态更改时重新渲染

我有一个 React 类,它将通过 API 获取内容。 我已经确认数据回来了,但它没有重新渲染: 但是,如果我添加一个如下所示的debugger , newDeals填充newDeals ,然后一旦我继续,我就会看到数据: 这就是所谓的交易清单:
2回复

状态更改时如何重新渲染反应类组件

react 和 javascript 的新手,想知道我们如何重新渲染组件? 我需要确保按钮组件中的细节(例如徽章计数器)在每次我们在方面发生变化时重新呈现。 我看到其他开发人员尝试设置状态,但它似乎不起作用,所以我需要一些关于以下内容的指导。 如何检测方面何时发生变化? 每次我们在 fa
1回复

当父状态改变时,React 不会渲染子元素

请查看此代码https://codesandbox.io/s/dazzling-waterfall-9b2hd 。 为什么在父状态更改时不呈现子组件。 如果我在 Parent 中使用<Child parentProxy={proxy} />而不是 children 它工作正常。(没有
1回复

React子组件不会在状态更改时重新呈现

我意识到这样的问题之前已经被问到,但是从阅读几个Q&As这里似乎在很多情况下人们推荐使用componentWillUpdate但是从我(非常)基本了解React,如果我setState()将不会有子组件重新 - 如果他们受到影响? 这是我的App组件(显示正在设置的状态,更新状态handl
1回复

React不会在状态更改时重新呈现

我基本上有图片中的组件 其中切换可将绘图视图从表格更改为图表。 复选框处理程序如下: 显示元素的逻辑是: 问题是,如果我尝试在与图表进行交互后(例如,隔离走线)将视图从图表更改为表格,则状态会更改,但视图不会更改。 此gif显示,最初(未触及地块)切换有效,但在