反應 Pivot 表未在 state 更改時呈現

Question

我是反應 js 的新手，我正在嘗試使用 React Pivot 表創建 pivot 表。 I want to be able to select a data set using a select drop down menu and update the state and re render the full table whenever there is a change in the drop down selection just like the jquery example shown here https://pivottable.js .org/examples/rcsvs.html

在我對 Pivot 表進行任何選擇或更改之前，它就可以工作。 我能夠在 2 個數據集和 Pivot 表中的 state 更改之間切換。 But when I select a pivot dimension and use the pivot table, after that point, changing the select menu does not help me change the pivot table's state. 請幫忙。

我嘗試遵循這個問題中給出的解決方案，但我無法實現第二步，因為我不知道如何在組件調用中定義它。

當我更改 select 標記中的選擇時，如何重新渲染整個 React Pivot 表 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;