Javascript 在文本输入时,反应状态非常慢

Javascript 在文本输入时,反应状态非常慢,javascript,reactjs,state,Javascript,Reactjs,State,我有一个文本输入,如下所示: <input placeholder="Search by City, Zip Code, or Name" type="text" className="searchBar" value={this.state.search} onChange={(e) => this.setState({ search: e.target.value })}

我有一个文本输入,如下所示:

<input
    placeholder="Search by City, Zip Code, or Name"
    type="text"
    className="searchBar"
    value={this.state.search}
    onChange={(e) => this.setState({ search: e.target.value })}
    onKeyDown={this.keySearch}
></input>
或者这是另一个问题

请帮忙,谢谢

我的完整代码:


您能分享整个组件吗?您还有可能会产生影响的keySearch函数。不,状态不是问题所在。这个看起来不错,请拿一个。谢谢。问题最可能的原因是渲染方法调用了太多昂贵的函数。您应该研究如何记忆渲染函数所需的一些值。可能是该组件中需要一些时间来渲染的其他内容。请分享该组件的其余部分,我们可能会发现:)好的,我在摘要中添加了我的代码。相当长:)
constructor(props) {
    super(props);
    this.state = {
      shops: [],
      burger: "0",
      pointerEvents: "none",
      width: "30px",
      logout: "none",
      login: "flex",
      loadingMAP: true,
      search: "",
      modal: true,
      addresses: [],
      currentPosition: {},
      userLocation: { lat: 39.0119, lng: -98.4842 },
      zoom: 4,
      loadingMAP2: "block",
      dashboard: "none",
      FetchingData: "block",
      showMap: "flex",
      gridlistDisplay: "flex",
      showmaptext: "Show map",
      MapBoxDisplay: "block",
      loadingShopBusinesses: "none",
      shopbusinessesmapbox: [],
      count: 0,
    };
  }