在src/pages我根據檔案“添加 404 頁面”設定了一個404.js頁面。在這個檔案中,我呼叫了我的組件并傳入了props。Layoutlocation
在我的Layout.js檔案中,我嘗試根據當前頁面是否為404. 在我的測驗中,位置物件不會為此呈現布林值,例如使用瀏覽器進行測驗asdsada:
hash: ""
host: "localhost:8000"
hostname: "localhost"
href: "http://localhost:8000/asdsada"
key: "initial"
origin: "http://localhost:8000"
pathname: "/asdsada"
port: "8000"
protocol: "http:"
search: ""
state: null
閱讀后我找不到這樣做的方法:
- 如何在 gatsby 的布局檔案中獲取路徑名
- 在 Gatsby 中獲取目標路徑
- 如何在 React / Gatsby 類組件中獲取當前 url
- Gatsby Link 通過 Props 將上一頁的 location.path 傳遞到下一頁
- 如何根據當前 url 匯入組件?
- 在 Gatsby 的 404 頁面上顯示 URL
在 Gatsby 中,有沒有辦法確定當前正在呈現的頁面是否是 404 頁面,以便我可以對組件進行三元化?
uj5u.com熱心網友回復:
你應該在你的喜歡傳遞一個布爾src/pages/404.js值Layout:
import React from "react"
import Layout from "../components/layout"
const NotFoundPage = () => (
<Layout is404Page={true}>
<div>Your Content</div>
</Layout>
)
export default NotFoundPage
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/458942.html
上一篇:如何打開文本框內的URL
