I have a series of data in one page,for example i have 100 numbers of item in one page. All 100 numbers loaded at the same time, But i want after scroll event next dates will be loaded.
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'));