在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ expandedRowRender 展開時(shí)數(shù)據(jù)時(shí),如何解決每行之間數(shù)據(jù)請(qǐng)求出現(xiàn)干

expandedRowRender 展開時(shí)數(shù)據(jù)時(shí),如何解決每行之間數(shù)據(jù)請(qǐng)求出現(xiàn)干擾?

問題描述

1:點(diǎn)擊“+”號(hào),不斷重復(fù)請(qǐng)求數(shù)據(jù),關(guān)閉“+”號(hào),停止請(qǐng)求
2:點(diǎn)擊展開第一行的基礎(chǔ)上,再點(diǎn)擊第二行,兩行返回的數(shù)據(jù)會(huì)互相干擾

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

試過在expandedRowRender加上參數(shù)(record, index),并在方法返回的子項(xiàng)列表中使用:rowkey={index},沒有用

相關(guān)代碼

嵌套的子表格展開:

expandedRowRender = (record) => {
    if (record) {
      const param = {
        modelId: record.id,
      };
      getModelVersion(param).then((result) => {
        this.setState({
          ...this.state,
          subData: result || [],
          searchParams: {
            status: result.status,
            deptId: result.deptId,
          },
        });
      });
    }
    const subList = this.state.subData.map((v) => {
      return {
        ...v,
        todo: v.status,
      };
    });
    return (
      <Table
        columns={this.detailsColumns}
        dataSource={subList}
        pagination={false}
        // rowKey={index}
        // rowKey={record.id || record.key}
        // showHeader={false}
      />);
  };

render方法內(nèi)的(用到expandedRowRender)

<Table
    dataSource={this.state.SampleData}
    rowKey={record => record.id || record.key}
    columns={columns}
    onChange={this.handleStandardTableChange}
    pagination={this.state.pagination}
    loading={this.state.loading}
    expandedRowRender={record => this.expandedRowRender(record)}
    // expandedRowRender={(record, index) => this.expandedRowRender(record, index)}
 />

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

clipboard.png

clipboard.png

回答
編輯回答
撥弦

clipboard.png

2018年2月2日 19:06