搜索在 mui-datatable、reactjs 中不起作用？答案

【问题标题】：Search is not working in mui-datatable, reactjs?搜索在 mui-datatable、reactjs 中不起作用？
【发布时间】：2020-09-02 03:38:15
【问题描述】：

我是第一次反应 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 函数。

请帮助我。

【问题讨论】：

你能发布完整的代码吗？我想看看您如何设置搜索输入的值。
我没有设置任何值，我从函数 onSearchChange 中获取默认搜索值。

标签： javascript reactjs mui-datatable

【解决方案1】：

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

这对我有用：

const options = {
            responsive: "stacked",
            //serverSide: true,
            onSearchChange: (searchText) => {
                console.log("search: " + searchText);
            },
        };

【讨论】：