繁体   English   中英

反应 Pivot 表未在 state 更改时呈现

React Pivot Table not rendering on change in state

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我是反应 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;
问题暂未有回复.您可以查看右边的相关问题.
1 使用setState在状态更改时React组件未重新呈现

我有一个带有按钮的HomeScreen组件。 我试图在单击按钮时弹出一个modelview(单独的组件,即PopUpView)。 我在PopUpView中将其可见性作为prop(isVisible)发送。单击按钮时,我试图将状态值popUpIsVisible从false更改为true。 希 ...

2 使用连接状态更改时,React组件未重新呈现

我正在创建一个todo应用,其中TodoApp是主要组件,其中包含filterLink,一个简单链接和一个VisibleTodoList部分,每当我切换todolist时,它就会更改其状态并重新呈现未使用connect但使用VisibleTodoList(正在使用connect的过滤器组件) ) ...

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

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

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

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

6 状态更改时React组件未更新

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

7 状态更改时React-Native-Component不呈现

我在平面列表中进行更多显示,而较少显示功能,但是按下的状态无法按预期工作。当我设置状态值时,状态值组件未呈现。 我的构造函数设置如下 在componentdidmount()中,我正在更新accList值的值,如下所示 我已经在render()中定义了平面列表,如下所示 ...

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

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

2015-08-26 16:05:50 3 9145   reactjs
9 React 组件不会在状态更改时重新渲染

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

10 更改 state 时如何重新渲染反应 class 组件

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM