javascript - 如何在react变量中获取onChange的输入值？

Question

我有一个搜索文本框，当我使用正常的 event.target 方法时，我需要获取值 onchange 将请求发送到 API，它显示错误。如何纠正它，就像在 onchange 中一样，我需要调用带有一些参数的函数，所以我不能轻松地进行。

我的文本框是:

<input className="ReactSearchBox" name="search" placeholder="Search Doctors" 
          onClick={() => {
            this.onProviderListing(this.state.skip,0);
            this.onEnable();
                  }}
          onChange={() =>this.onSearchProvider(this.state.skip,0)} />

我需要 onchange 值的函数是:

onSearchProvider(nSkip,nLimit,e){
      this.setState({
        limit:nLimit,
        skip:nSkip,
        listing: this.state.listing,
        searching: !this.state.searching
      })
      //console.log(nlimit);
      var headers = {
        "Content-Type":"application/json",
        "AccessToken":localStorage.TOKEN,
      }
      var _calObj = {initiatorId:localStorage.userid,visitType: "office", skip:nSkip,limit:"5", includeOfflineProviders:"true",searchQuery:"lo"}

我需要在搜索查询onchange中相应地给出我的输入值，请整理一下。

Answer 1

您没有从输入传递事件。将 onChange 属性更改为:

       <input className="ReactSearchBox" name="search"
          placeholder="Search Doctors" 
          onClick={() => {
            this.onProviderListing(this.state.skip,0);
            this.onEnable();
                  }}
          onChange={(e) =>this.onSearchProvider(this.state.skip,0, e)}
        />

onSearchProvider(nSkip,nLimit,e){
  const value = e.target.value; // text box value 
}