Question

有人使用过这种很棒的React组件来处理服务器端数据吗？

如果您不需要手动更新数据，则给定here的解决方案非常好。

我不仅需要在更改page / pageSize / sorting / filtering时刷新数据，还需要在间隔一段时间后刷新数据，以查看数据是否被更改。

我还对该表进行了扩展，允许用户在所有列上进行全文搜索，因此当用户也更改自定义搜索框的内容时，我需要更新数据。

Answer 1

我遇到了与您相同的问题，并且我开始寻找使用ReactJs的异步测试，并且我发现本文非常有用。关键部分是在酶组件上使用“更新”方法，如下所示：

const items = ['die Straße', 'die Adresse', 'die Nationalität'];

jest.useFakeTimers();

describe('<DelayedList />', () => {
  test('it renders the items with delay', () => {
    const component = shallow(
      <DelayedList items={items} />
    );

    jest.runAllTimers();
    component.update(); // <--- force re-render of the component

    expect(component.state().currentIndex).toEqual(items.length);
    expect(component).toMatchSnapshot();
  });

有关更多信息，请参见this medium article。

ReactTable和自定义服务器端数据更新

1 个答案: