0

我是第一次反应 js 并使用 mui 数据表搜索的初学者。但它不起作用。

我有一个 onSearchChange 回调函数，它在搜索文本值发生变化时触发。

function(searchText: string) => void

  onSearchChange: searchText => {
    console.log(searchText, 'searchText'); 
    const { apiFunctionToPassSearchValue } = this.props.actions;
    apiFunctionToPassSearchValue(
      { page: this.state.currentPage, size: this.state.pageLimit },
      searchText,
    );
  },

当我删除 api 函数并放置一个控制台来检查 searchText 时，将显示我搜索的正确文本，它将采用 onchange 的值。但是当我尝试进行 api 调用时，我无法在搜索栏中输入单个字母，并且 searchText 也没有像我在搜索栏中输入“test”并且我放置一个控制台然后搜索 Text 时那样采用 value 属性一次取一个字母。我无法将值传递给 api 函数。

请帮我。

4

1 回答 1

1

我今天早些时候遇到了这个问题。我发现如果您在选项中将“serverSide”设置为 true，则搜索将不起作用。

这对我有用：

const options = {
            responsive: "stacked",
            //serverSide: true,
            onSearchChange: (searchText) => {
                console.log("search: " + searchText);
            },
        };
于 2020-09-11T02:36:04.427 回答