reactjs 类型“ChangeEvent”上不存在属性“trim< HTMLInputElement>

7gcisfzg  于 2023-03-12  发布在  React
关注(0)|答案(1)|浏览(114)

我在这行代码下面得到错误,任何帮助或建议,我哪里可以错了
类型“ChangeEvent”上不存在属性“trim”。ts(2339)

<SearchBox
      id={'SuggestionSearchBox'}
      placeholder={'Search ' + this.props.searchTitle}
      onSearch={newValue => this.onSearch(newValue)}
      onChange={newSearchText => {
        newSearchText.trim() !== '' ? this.showSuggestionCallOut() : this.hideSuggestionCallOut();
        this.setState({ searchText: newSearchText });
      }}
    />
 private showSuggestionCallOut() {
    this.setState({ isSuggestionDisabled: true });
  }
  private hideSuggestionCallOut() {
    this.setState({ isSuggestionDisabled: false });
  }
5vf7fwbs

5vf7fwbs1#

我认为onChange回调的签名与您假设的不同。
这个错误似乎暗示newSearchText参数不是您所认为的字符串,而实际上是ChangeEvent,在这种情况下,您需要像这样获取值

onChange={e => {
  const newSearchText = e.target.value
  // rest of your code here
}

或者更改SearchBox中的onChange类型(如果可以控制的话

相关问题