如何从react-virtualized中删除一行?

时间:2018-04-18 18:42:49

标签: react-virtualized

从InfiniteLoader中删除行的最佳方法是什么,以便在删除行时,间隙应自动填充剩余的行?

enter image description here enter image description here

enter image description here

我的渲染功能看起来像这样

public partial class Form1 : Form
{
    // Declare it here
    private string reply;

    public Form1()
    {
        InitializeComponent();

        WebClient client = new WebClient();
        reply = client.DownloadString("https://pastebin.com/raw/0FHx1t5w");
    }
}

}

**溶液

现在我得到了解决方案,只需简单地用删除的索引更新你的消息列表,所有工作完全正常,早些时候我也做同样但由于一些代码错误不能很好。

render() {
   let { msgList } = this.state;
   let listSize = !msgList.length ? 1 : msgList.length + 1;

return (
  <div className="section msgCont">
        <InfiniteLoader isRowLoaded={this.isRowLoaded} loadMoreRows={this.loadMoreRows} rowCount={listSize}>

          {({ onRowsRendered, registerChild }) => (

            <AutoSizer className="card-container">
              {({ height, width }) => (

                <List
                  ref={registerChild}
                  onRowsRendered={onRowsRendered}
                  width={width}
                  height={height}
                  rowCount={listSize}
                  rowHeight={150}
                  rowRenderer={this.rowRenderer}
                />
              )}
            </AutoSizer>
          )}
        </InfiniteLoader>
  </div>
);

0 个答案:

没有答案