react-router-sitemap ไม่ได้สร้าง URL สำหรับเนื้อหาแบบไดนามิกจากรายการ

เรากำลังใช้ react-router-sitemap เพื่อสร้างแผนผังเว็บไซต์แบบไดนามิก เราติดอยู่กับการเพิ่มเส้นทางแบบไดนามิกจากบล็อกของเรา รหัสส่งคืนผลลัพธ์อย่างถูกต้อง แต่ไม่ได้เพิ่มลิงก์บทความไปยังแผนผังเว็บไซต์ นี่คือรหัส:

import React, { useEffect } from 'react';
import {Switch, Route} from 'react-router-dom';
import HomePage from './homePage/HomePage';
import Projects from './projects/Projects';
import Project from './projects/MobileProject/project/Project';
import Contact from './contact/Contact';
import Job from './job/Job';
import Blog from './blog/Blog';


const fetch = require("node-fetch");
const API = "http://wp.mysite.in.ua";

function generatePostsRoutes() {
    console.log("generating posts ...");
    let posts = [];

    fetch(API + "/wp-json/wp/v2/posts")
        .then((response) => response.json())
            .then(content => {
                posts = content;
                console.log(posts.map((value) => <Route exact path={"/blog/article/" + value.slug} component={Blog} />));

                if(posts.length !== 0) {
                    return (
                        posts.map((value) => <Route exact path={"/blog/article/" + value.slug} component={Blog} />)
                    );
                }
            });
}

export default (
    <Switch>
        <Route exact path="/" component={HomePage}/>
        <Route exact path="/projects" component={Projects}/>
        <Route exact path="/project" component={Project}/>
        <Route exact path="/blog" component={Blog}/>
        <Route exact path="/blog/:sortId" component={Blog}/>
        {
            generatePostsRoutes()
        }
        <Route exact path="/job" component={Job}/>
        <Route exact path="/contact" component={Contact}/>
    </Switch>
);

นี่คือแผนผังไซต์ของเราที่เราต้องการเพิ่มลิงก์บล็อกหลัง <url> <loc>http://mysite.in.ua/blog/:sortId</loc> </url>:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" 
xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" 
xmlns:xhtml="http://www.w3.org/1999/xhtml" 
xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" 
xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" 
xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
<url> <loc>http://mysite.in.ua/</loc> </url>
<url> <loc>http://mysite.in.ua/</loc> </url>
<url> <loc>http://mysite.in.ua/projects</loc> </url>
<url> <loc>http://mysite.in.ua/project</loc> </url>
<url> <loc>http://mysite.in.ua/blog</loc> </url>
<url> <loc>http://mysite.in.ua/blog/:sortId</loc> </url>
<url> <loc>http://mysite.in.ua/job</loc> </url>
<url> <loc>http://mysite.in.ua/contact</loc> </url>
</urlset>

ขอบคุณสำหรับเวลาของคุณ ฉันจะดีใจมากถ้าคุณสามารถช่วยเราได้)


person mshel    schedule 19.02.2020    source แหล่งที่มา
comment
สิ่งนี้ตอบคำถามของคุณหรือไม่? แผนผังเว็บไซต์ XML สำหรับแอปโต้ตอบ   -  person yash kothari    schedule 21.07.2020


คำตอบ (1)


react-router-sitemap มีวิธีสร้าง URL สำหรับเนื้อหาแบบไดนามิก ในขั้นตอนที่ 6 ของ วิธีสร้างแผนผังไซต์สำหรับเว็บไซต์ React ของคุณด้วยเนื้อหาแบบไดนามิก แสดงวิธีเพิ่มเนื้อหาแบบไดนามิก

person Bradia    schedule 21.03.2020