如何在滚动时反应js事件加载其他数据

时间:2018-11-26 12:28:14

标签: reactjs

我在一页中有一系列数据,例如,我在一页中有100个项目。所有100个数字同时加载,但是我想在滚动事件之后加载下一个日期。

class App extends React.Component {
constructor(props) {
 super(props);
 this.state = {
  data: [],
};
$.ajax({
  url:"/json.bc",
  type:"post",
  success: (result) => {
    this.setState({data: eval(result)});
  }})}
  renderInfo(){
   return this.state.data.map((item,i)=>{
    return (
     <div class="items">
      {this.renderitem(item,i)}
     </div>
  )})}

render() {
  return (
   <div>{this.renderInfo()}</div>);
  }}
ReactDOM.render(<App/>, document.getElementById('Result'));

1 个答案:

答案 0 :(得分:2)

您将不得不使用<Scroll View />而不是<div>标签