antd/antd mobile 内的listview这个组件不执行里面的renderRow

Question

国家管理} renderFooter={() => (

{this.state.isLoading ? 'Loading...' : 'Loaded'}

)} renderRow={row} renderSeparator={separator} className="am-list" pageSize={4} scrollRenderAheadDistance={500} scrollEventThrottle={20} onScroll={() => { console.log('scroll'); }} useBodyScroll onEndReached={this.onEndReached} onEndReachedThreshold={10} />

                            const row = (rowData, sectionID, rowID) => {
      console.log(1111);
      if (index < 0) {
        index = data.length - 1;
      }
      const obj = data[index--];
      return (
        <div key={rowID} className="row">
          <div className="row-title">{obj.title}</div>
          <div style={{ display: '-webkit-box', display: 'flex', padding: '0.3rem 0' }}>
            <img style={{ height: '1.28rem', marginRight: '0.3rem' }} src={obj.img} alt="icon" />
            <div className="row-text">
              <div style={{ marginBottom: '0.16rem', fontWeight: 'bold' }}>{obj.des}</div>
              <div><span style={{ fontSize: '0.6rem', color: '#FF6E27' }}>{rowID}</span>¥</div>
            </div>
          </div>
        </div>
      );
    };
                            这是否是因为组件不支持还是别的

Answer 1

你可以打印一下row里面有没有接收到数据，一步一步找原因