Javascript 在使用elasticsearch在React Js中输入搜索查询之前，我想获得页面加载的所有结果

我想在输入搜索词之前，在页面加载后立即显示所有结果。输入搜索词后，结果应相应出现。我使用弹性搜索通过React Js显示结果

这是我的密码：

import React from 'react';
import PropTypes from 'prop-types';
import LazyLoad from 'react-lazy-load';

let i = 1;


class SearchResults extends React.Component {

constructor(props) {
    super(props);
    this.state = { results: [] }
} 

render () {
    return (
        <div className="search_results">
            <hr />
            <ul>
            { this.props.results.map((result) => {
                return (
                            <li key={ result._id + i++}>
                                <LazyLoad className="lazy">
                                    <img className="image" src={<API URL> + result._source.file_name} alt="Search Result" />
                                </LazyLoad>
                            </li>
                        ) }) }      
            </ul>
            <button type="button" className="btn btn-default">Load More</button>
        </div>
    )
}
}

SearchResults.propTypes = {
    results: PropTypes.array
}

export default SearchResults;

从“React”导入React；
从“道具类型”导入道具类型；
从“反应惰性负载”导入懒散负载；
设i=1；
类SearchResults扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={results:[]}
} 
渲染（）{
返回(


{this.props.results.map（（result）=>{
返回(

+结果。_source.file_name}alt=“搜索结果”/>

) }) }      

加载更多
)
}
}
SearchResults.propTypes={
结果：PropTypes.array
}
导出默认搜索结果；

我已将大小设置为20，并希望每20个请求中都有一个。请帮帮我。多谢各位

---

目前，它只显示前20个结果。我希望它通过使用无限滚动来显示更多结果。

您需要更改查询以考虑分页。

---

看看。

查询很好。即使在搜索之前，我也无法理解默认情况下如何显示所有结果