Question

我有一个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拉面包屑，而我需要它理想地使用页面标题，但是它需要动态发生，因为当有成千上万的产品页面时，我无法为每个页面添加路线

我已经在寻找其他的反应扩展，但是似乎找不到能满足我需要的东西。有人可以帮忙吗？任何帮助将不胜感激。

React Router面包屑动态使用页面标题而不是url

0 个答案: