如何在Gatsby.JS项目中从索引页重定向到以编程方式生成的路由

Question

我想将索引/重新路由到gatsby项目中的/blog。在gatsby-node.js文件中生成/blog路径上的页面。

我尝试从@reach-router导入Redirect，并在Index组件内部返回Redirect to='/blog'，但这会导致Uncaught RedirectRequest错误。

index.js文件：

import React from 'react'
import { Redirect } from '@reach/router'


class BlogIndex extends React.Component {
  render() {
    return (
      <Redirect to={`/blog`} />
    )
  }
}

export default BlogIndex

​

​

Answer 1

改用这个。useEffect是相当于componentDidMount的React钩子。

import { useEffect } from 'react';
import { navigate } from 'gatsby';

export default () => {
  useEffect(() => {
    navigate('/blog/');
  }, []);
  return null;
};