Хлебные крошки React Router динамически используют заголовки страниц вместо URL - PullRequest
Новая
       18

Хлебные крошки React Router динамически используют заголовки страниц вместо URL

0 голосов
/ 22 мая 2019

У меня есть сайт magento 2 с витриной Venia, и я пытаюсь заставить хлебные крошки динамически извлекать заголовки страниц, а не тянуть URL.

Мой текущий код для панировочных сухарей выглядит следующим образом 

import withBreadcrumbs from "react-router-breadcrumbs-hoc";
import React, { Component } from 'react';
import { Link } from 'src/drivers';
import defaultClasses from "./breadcrumbs.css";
import classify from 'src/classify';
import { BrowserRouter } from "react-router-dom";

const urlSuffix = '.html';

class Breadcrumbs extends Component {

    url(url){
        if(url ==='/')
        {
            return `${url}`
        }else {
            return `${url}`
        }
    }


    render () {

        const Breadcrumbs =  withBreadcrumbs()(({ breadcrumbs }) => (

            <ul className={defaultClasses.categorybreadcrumbs}>
                {breadcrumbs.map(({match, breadcrumb }) => (
                    <li key={match.url}>
                        <Link to={this.url(match.url)}>{breadcrumb}</Link>
                    </li>
                ))}
            </ul>

        ));

        return (<Breadcrumbs />)

    }
}

export default classify(defaultClasses)(Breadcrumbs);

Я пытался что-то сделать до тех пор, пока: 

    const routes = [
        {
            path: {match.url}, breadcrumb: {page.title}
        }
    ]

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

Я искал другие реагирующие расширения, но, похоже, не могу найти ничего, что делает то, что мне нужно. Кто-нибудь может помочь? Любая помощь будет принята с благодарностью.

...