React-Admin Filter+SearchInput 搜索时没有效果答案

【问题标题】：React-Admin Filter+SearchInput has no effect when searchingReact-Admin Filter+SearchInput 搜索时没有效果
【发布时间】：2021-04-11 07:41:41
【问题描述】：

我有以下过滤器组件代码：

import { Filter, SearchInput} from 'react-admin';

const CustomerFilter= props => (
    <Filter {...props}>
        <SearchInput source='id' resettable alwaysOn />
    </Filter>
);

export default CustomerFilter;

这里实现了：

import CustomerFilter from './CustomerFilter';
[...]
return (
    <List {...props} filters={ <CustomerFilter /> }>

结果的 UI 很棒 - 我可以在顶部看到一个搜索栏。搜索它会更改 URL，附加 ?filter=%7B"id" 等。但是，用户界面没有更新：只有我可以看到的 URL 发生了变化。即使我输入zzzzzz。

我缺少什么具体的东西吗？

【问题讨论】：

标签： reactjs react-admin

【解决方案1】：

检查浏览器 DevTools 的 Network 选项卡：您会看到 react-admin 将 id 过滤器发送到您的 API。它发送此过滤器的方式取决于您的dataProvider，但对于ra-data-simple-rest，它看起来像这样：

GET https://path/to/my/api/foo?id=123

使用这些查询参数过滤结果是您的 API 的责任。

【讨论】：