สิ่งตีพิมพ์ในหัวข้อ 'react-router'
React Router — เส้นทางที่ควบคุม / ป้องกัน
รีแอคได้เยี่ยมมาก! เราเตอร์ React ติดตั้งได้ง่ายสำหรับการกำหนดเส้นทางพื้นฐาน แต่สำหรับการใช้งานจริง มันไม่ใช่เส้นทาง /home, /nav, /login ทั่วไป ไม่ใช่เหรอ? เส้นทางเป็นเกตเวย์ทางเข้าและเกตเวย์จำเป็นต้องมีการป้องกันตามวัตถุประสงค์
หนึ่งในคำถามทั่วไปที่ถูกถามในการกำหนดเส้นทางบนสแต็กโอเวอร์โฟลว์ที่ฉันสังเกตเห็นในปัจจุบันคือเกี่ยวกับราวกั้นของการกำหนดเส้นทาง เรามาเจาะลึกถึงการใช้งานที่ง่ายและรวดเร็วกันดีกว่า
สมมติว่าฉันต้องสร้างโฮมเพจสำหรับ Dummy Book ของฉัน..
คำถามในหัวข้อ 'react-router'
ตอบสนอง + เราเตอร์ + Google เครื่องจัดการแท็ก
ฉันใช้เวลาเล็กน้อยในการพัฒนา MVP ที่ Quickcypher.com ฉันต้องการเริ่มใส่การวิเคราะห์ และมันใช้งานได้ดีกับการติดตามการเข้าชมทั้งหมด แต่สิ่งต่างๆ กลับแย่ลงเมื่อฉันพยายามติดตาม URL ที่แตกต่างกันบนไซต์ของฉันที่ใช้ React Router
แนวทางของฉันคือ:...
26956 มุมมอง
schedule
25.10.2023
react-router ไม่สามารถอ่านคุณสมบัติ 'push' ของไม่ได้กำหนดได้
ฉันใช้ react-router เพื่อนำทางไปยังหน้าใดหน้าหนึ่งหลังจากเข้าสู่ระบบผ่าน REST api ของฉัน
นี่คือตัวอย่างรหัสของฉัน ลองสิ่งนี้:
export default {
loginUser: (jwt, rememberMe) => {
var savedJwt = localStorage.getItem('jwt');...
2023 มุมมอง
schedule
25.11.2023
ไม่สามารถใช้งาน 4 Link ของ React Router ได้
นี่คือรหัสของส่วนประกอบที่เกิดปัญหา:
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { Redirect, Link, withRouter } from 'react-router-dom'
import * as actions from 'actions';
class...
761 มุมมอง
schedule
04.12.2023
Rails 5.1 + Webpacker + React-เราเตอร์
ฉันกำลังพยายามใช้ทั้งสามสิ่งนี้ในโปรเจ็กต์ใหม่ ฉันต้องการจัดการการกำหนดเส้นทางโดยใช้ react-router
ด้วยการตั้งค่า 'นอกกรอบ' มันทำงานได้ดีเมื่อฉันเริ่มต้นเช่น localhost:3000/ จากนั้นคลิกเพื่อดูตัวอย่าง Link การกำหนดเส้นทางไปยังหน้า signup...
737 มุมมอง
schedule
25.11.2023
React Router wildcard ไม่ตรงกัน [ซ้ำกัน]
ฉันกำลังพยายามให้แอปของฉันตรงไปยังส่วนประกอบเมื่อผู้ใช้คลิกลิงก์ที่แอปให้ไว้ (ลองนึกถึงการยืนยันอีเมล) จนถึงตอนนี้นี่คือทั้งหมดที่ฉันได้รับเมื่อคลิกลิงก์:
Cannot GET /verify/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1Ni[...]
นี่คือรหัสเราเตอร์ของฉัน:...
122 มุมมอง
schedule
18.12.2023
วิธีแสดงพาเรนต์คอนเทนเนอร์บนเราเตอร์หลัก
ฉันกำลังพยายามแสดงส่วนประกอบคอนเทนเนอร์และใช้เราเตอร์ react เวอร์ชันเก่ากว่าที่ฉันเคยเห็นคนทำสิ่งนี้:
const AppRouter = () => (
<Router component={App}>
<Route exact path="/" component={Dashboard} />
</Router>
);...
71 มุมมอง
schedule
09.12.2023
ตอบสนองการติดตั้งส่วนประกอบสองครั้ง
ภายในส่วนเล็กๆ ของแอปพลิเคชัน React/Redux/ReactRouterV4 ของฉัน ฉันมีลำดับชั้นของส่วนประกอบดังต่อไปนี้
- Exhibit (Parent)
-- ExhibitOne
-- ExhibitTwo
-- ExhibitThree
ภายในรายการย่อยของ Exhibit มีเส้นทางที่เป็นไปได้ที่แตกต่างกันประมาณ 6...
14405 มุมมอง
schedule
20.01.2024
จะให้บริการแอปโต้ตอบด้วย node.js ได้อย่างไร
ฉันสงสัยมาตลอดว่า React routing ทำงานอย่างไรในแอปหน้าเดียว ตัวอย่างเช่น เมื่อฉันต้องการไปที่ https://example.com/a จะรู้ได้อย่างไรว่า "a" เป็นเส้นทาง React ใน example.com และไม่พยายามไปที่ https://example.com/a/ ที่ไม่มีอยู่...
93 มุมมอง
schedule
05.11.2023
ตอบสนองเราเตอร์ด้วยเงื่อนไข [ปิด]
องค์ประกอบการตอบสนองของฉันมีลักษณะดังนี้:
class App extends React.Component {
render() {
debugger;
if(!this.props.isUserExist) {
return (
<div>
<Route exact path="/" component={DashboardPage} />...
6494 มุมมอง
schedule
14.11.2023
ตอบสนองการเปลี่ยนแปลงเส้นทาง-URL แต่ไม่แสดงส่วนประกอบ เมื่อรีเฟรชหน้ามันจะแสดงผลได้อย่างสมบูรณ์แบบ
นี่เป็นปัญหาที่มีชื่อเสียงในการกำหนดเส้นทางแบบโต้ตอบ แต่ฉันไม่มีวิธีแก้ปัญหาใด ๆ ตั้งแต่สองสัปดาห์ที่ผ่านมา อันนี้เป็นปัญหาใหญ่ และฉันหวังว่าจะได้คำตอบสำหรับสิ่งนี้อย่างจริงใจ ฉันมีสามองค์ประกอบเช่น Admin.js, AdminReview.js และ AdminDashboard.js...
374 มุมมอง
schedule
15.11.2023
ตอบสนองอุปกรณ์ประกอบฉากเราเตอร์ 'ตำแหน่ง' / 'การจับคู่' ไม่ได้อัปเดตด้วย 'ConnectedRouter'
ฉันได้ตั้งค่าแอปตามในเอกสารแล้ว:
ขั้นตอนที่ 1
...
import { createBrowserHistory } from 'history'
import { applyMiddleware, compose, createStore } from 'redux'
import { connectRouter, routerMiddleware } from 'connected-react-router'
...
const...
2237 มุมมอง
schedule
01.01.2024
React + TypeScript ที่มีปัญหาการปรับใช้เราเตอร์บนหน้า Github
Local ทำงานได้ดี แต่เมื่อรันบน "npm run release" เว็บไซต์จะส่งคืน 404
ฉันมีแอป React + TypeScript ซึ่งใช้ react-router-dom BrowserRouter เพื่อนำทางระหว่างหน้าต่างๆ
ฉันทราบปัญหาในหน้า github ที่มี react-router ดังนั้นฉันจึงได้ลองเพิ่ม...
439 มุมมอง
schedule
10.12.2023
React/NextJS จะจัดการการกำหนดเส้นทางและรูปภาพได้อย่างไรหากเส้นทางไม่มีเบาะแสเกี่ยวกับประเภทของข้อมูล
ฉันกำลังประเมินและเรียนรู้ React และ NextJS สำหรับโปรเจ็กต์ในอนาคต และจนถึงขณะนี้เพิ่งเริ่มต้นเท่านั้น แต่ฉันเจอปัญหาที่อาจเกิดขึ้นสองประการแล้ว และเมื่อถามคนที่มีความรู้มากกว่าใน React พวกเขาก็ไม่สามารถให้คำตอบที่ชัดเจนได้
ความเป็นมา: เราใช้ CMS...
688 มุมมอง
schedule
28.10.2023
React Router รับ `‹NavLink /›` ใดที่ใช้งานอยู่
ฉันแสดงผล <NavLink /> เหมือนด้านล่าง
<div class="container">
<NavLink to="/" exact></NavLink>
<NavLink to="/profile"></NavLink>
<NavLink to="/message"></NavLink>
</div>...
1016 มุมมอง
schedule
13.11.2023
‹Link› จาก react-router-dom ไม่เปลี่ยน URL
ขณะนี้ฉันกำลังอยู่ในระหว่างการสร้างเว็บไซต์และประสบปัญหานี้ ฉันกำลังใช้ react-router-dom เพื่อกำหนดเส้นทางแอปของฉัน และค่อนข้างใหม่กับแอปนี้ แต่ในหน้าเดียว ลิงก์ที่ฉันใส่ในหน้านั้นไม่เปลี่ยน URL
ฉันได้ลองใช้ส่วนประกอบก่อนหน้านี้แล้ว...
2348 มุมมอง
schedule
23.10.2023
react-router-sitemap ไม่ได้สร้าง URL สำหรับเนื้อหาแบบไดนามิกจากรายการ
เรากำลังใช้ react-router-sitemap เพื่อสร้างแผนผังเว็บไซต์แบบไดนามิก เราติดอยู่กับการเพิ่มเส้นทางแบบไดนามิกจากบล็อกของเรา รหัสส่งคืนผลลัพธ์อย่างถูกต้อง แต่ไม่ได้เพิ่มลิงก์บทความไปยังแผนผังเว็บไซต์ นี่คือรหัส:
import React, { useEffect } from...
1758 มุมมอง
schedule
10.12.2023
จะสร้างเมนูย่อยสำหรับลิงค์ nav ได้อย่างไร?
สวัสดี ฉันเพิ่งเกิดปฏิกิริยาและต้องการนำเมนูย่อยไปใช้กับเมนูของฉัน
สิ่งที่ฉันต้องการคือรายงานนี้ › รายงานของฉัน › รายงาน MIS
ฉันกำลังนำเข้าและใช้ NavLink จาก React Router Dom
เมนูปัจจุบันมีลักษณะเช่นนี้โดยไม่มีเมนูย่อย:...
687 มุมมอง
schedule
18.11.2023
เปลี่ยนเส้นทางเพียงครั้งเดียวหลังจากงานอะซิงโครนัสสิ้นสุดลงใน React Router Dom
ฉันได้สร้างแอปพลิเคชันที่เรียบง่ายพร้อม react และ redux สำหรับการลงทะเบียนผู้ใช้และการยืนยันอีเมล
ฉันมีสององค์ประกอบ Register.js และ VerifyEmail.js
ใน Register.js ฉันรวบรวมอินพุตของผู้ใช้และส่งไปยังเซิร์ฟเวอร์โดยใช้การดำเนินการที่กำหนดไว้ใน redux...
26 มุมมอง
schedule
04.11.2023