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,
};
}