Не удается получить результаты поиска с реактивным поиском - PullRequest
Новая
       22

Не удается получить результаты поиска с реактивным поиском

0 голосов
/ 14 апреля 2020

Я новичок в реакции и у меня проблема. Я хотел создать простую страницу поиска для начала, и у меня уже есть кластер эластичного поиска.

Я следовал этому уроку: https://codeburst.io/how-to-build-an-e-commerce-search-ui-with-react-and-elasticsearch-a581c823b2c3

пример работает так, как он должен. Теперь я адаптировал пример к своим потребностям: 

import React, { Component } from "react";
import "./../index.css";
import { ReactiveBase, DataSearch, SingleRange, ResultCard, CategorySearch, ReactiveList, SingleList, MultiList, ResultCardsWrapper } from '@appbaseio/reactivesearch';


class ReactiveSearchP extends Component {
    render() {
      return (
        <ReactiveBase
            app="index"
            url="https://page:port"
            credentials="user:pw"
        >
            <DataSearch
                componentId="mainSearch"
                dataField={["article"]}
                queryFormat="and"
                iconPosition="left"
            />
            <MultiList
                componentId="price"
                dataField="price.raw"
                title="Price"
                size={5}
            />
            <ResultCard
                componentId="results"
                dataField="article"
                react={{
                  "and": ["mainSearch", "price"]
                }}
                onData={(res)=>({
                  "image": res.image,
                  "title": res.article
                })}
            />
        </ReactiveBase>
      );
    }
}

export default ReactiveSearchP;

По юридическим причинам мне не разрешено давать датчики реактивной базы.

Теперь моя проблема заключается в том, что когда я тестирую этот код, только белая страница. Если я удаляю компонент карты результатов, все отображается так, как задумано.

Поэтому я ищу решение для отображения результатов поиска в виде карты результатов, но я не нахожу их. Я пробовал несколько учебных пособий, но не могу их получить.

Буду рад, если кто-нибудь сможет мне помочь. Если информация все еще отсутствует, дайте мне знать.

Спасибо

1 Ответ

0 голосов
/ 15 апреля 2020

Город,

Учебное пособие, которым вы руководствовались, основано на более старой версии ReactiveSearch. Я могу предложить вам следовать последнему учебнику здесь: https://medium.appbase.io/

Также вы можете посмотреть руководство по миграции: https://docs.appbase.io/docs/reactivesearch/v3/advanced/migration/

Чтобы дать вам некоторый контекст, почему результат может не отображаться, потому что мы изменили компоненты результата, работающие в последней версии. Вот документы о том, как использовать ResultCard в последней версии: https://docs.appbase.io/docs/reactivesearch/v3/result/resultcard/

Надеюсь, это поможет!

...