【问题标题】:How to implement search in react-admin with ra-data-firestore-client如何使用 ra-data-firestore-client 在 react-admin 中实现搜索
【发布时间】:2019-07-23 18:14:33
【问题描述】:

在我的项目中,我使用 react-admin(版本 ^2.9.3)作为后台,使用 ra-data-firestore-client(版本 ^0.1.11)作为 react-admin firestore 提供者。

根据 react-admin 文档 adding-search-and-filters-to-the-list,我做了完全相同的事情,如下所示:

  • EventList.js

    // ... Some imports ...

    const EventFilter = (props) => (
        <Filter {...props}>
            <SearchInput label="Rechercher" source="q" alwaysOn />
        </Filter>
    );
    export const EventList = props => (
      <List title="Tous les événements" filters={<EventFilter />} {...props}>
        <Datagrid rowClick="show">
            <TextField source="title" label="Titre" />
            <TextField source="place" label="Lieu" />
            <EditButton />
        </Datagrid>
      </List>
    );

  • App.js

    // ... Some imports ...

    import Dashboard from './views/Dashboard';
    import { EventList } from './views/event/Events';

    const firebaseConfig = {};
    const trackedResources = [{ name: 'events', isPublic: true }];

    const authConfig = {userProfilePath: '/admins/', userAdminProp: 'isAdmin'};

    const messages = {fr: frenchMessages, en: englishMessages};
    const i18nProvider = locale => messages[locale];

    const dataProvider = base64Uploader(RestProvider(firebaseConfig, { trackedResources }));

    const LoginPage = () => <Login backgroundImage={require('./assets/login_image.jpg')} />;

    function App() {
        return (
            <Admin 
                locale="fr" i18nProvider={i18nProvider}
                title="Backoffice"
                dashboard={Dashboard}
                dataProvider={dataProvider} 
                authProvider={AuthProvider(authConfig)}
                loginPage={LoginPage}
            >   
                <Resource name="events" 
                          list={EventList}  
                          options={{ label: 'Evénements' }}  
                          icon={EventIcon} 
                />
            </Admin>     
        );
    }

    export default App;

我输入的任何搜索词,结果总是“无结果”。我不明白为什么!可能是我错过了一些东西。请帮帮我。

【问题讨论】:

    标签: reactjs google-cloud-firestore react-admin


    【解决方案1】:

    Firestore 目前does not support full text search 开箱即用。因此,ra-data-firestore-client 库不支持不存在的功能。

    【讨论】:

      猜你喜欢
      • 2019-09-17
      • 2020-01-23
      • 2018-10-11
      • 1970-01-01
      • 1970-01-01
      • 2022-07-27
      • 2020-02-28
      • 2021-03-12
      • 2022-08-06
      相关资源
      最近更新 更多