小编Kir*_*iti的帖子

使用 react-window 滚动时出现故障的问题是什么?

我想在滚动时进行行虚拟化(以便滚动时显示数据)

但是在滚动时,现在出现了可怕的故障

告诉我有什么问题?

项目 -男性wind.surge.sh

带有表格的组件(那里使用了反应窗口):

import React, { Component } from "react";
import { connect } from "react-redux";
import actions from "../../actions";
import PropTypes from "prop-types";
import sort from "./sort";
import { FixedSizeList } from 'react-window';

function TitleColumn(data) {
  return (
    <Grid item xs={1}>
      <Box className="title_elem">
        <h3
          className="table_title-text"
          onClick={sort.bind(null, `${data.title.toLowerCase()}`, data.props)}
        >
          {data.title}
        </h3>
        {data.props.fourthData.data === `${data.title.toLowerCase()}` ? (
          <p>{data.props.fifthData.data}</p>
        ) : null}
      </Box>
    </Grid>
  );
}


class Table extends Component {
  render() {
    const data = this.props.info; …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux react-redux react-window

2
推荐指数
1
解决办法
1618
查看次数

标签 统计

javascript ×1

react-redux ×1

react-window ×1

reactjs ×1

redux ×1