คำถามติดแท็ก react-router-dom

บางคนสามารถอธิบายความแตกต่างระหว่าง <Route exact path="/" component={Home} /> และ <Route path="/" component={Home} /> ฉันไม่รู้ความหมายของ 'แน่นอน'

162 reactjs  react-router  react-router-dom 

ฉันใช้ react-router-dom 4.0.0-beta.6 ในโครงการของฉัน ฉันมีรหัสดังต่อไปนี้: <Route exact path="/home" component={HomePage}/> และฉันต้องการรับพารามิเตอร์แบบสอบถามในHomePageองค์ประกอบ ฉันพบlocation.searchพารามิเตอร์ที่มีลักษณะเช่นนี้?key=valueดังนั้นจึงไม่มีการแยกวิเคราะห์ วิธีที่ถูกต้องในการรับพารามิเตอร์แบบสอบถามด้วย react-router v4 คืออะไร?

91 react-router  react-router-v4  react-router-dom 

ฉันต้องใช้ตรรกะทางธุรกิจบางอย่างขึ้นอยู่กับประวัติการเข้าชม สิ่งที่ฉันต้องการทำมีดังนี้: reactRouter.onUrlChange(url => { this.history.push(url); }); มีวิธีใดบ้างในการรับการติดต่อกลับจาก react-router เมื่อ URL ได้รับการอัปเดต

91 reactjs  react-router  react-router-v4  react-router-redux  react-router-dom 

ฉันกำลังใช้เบ็ดประวัติศาสตร์ใหม่ของ React Router ซึ่งออกมาเมื่อไม่กี่สัปดาห์ที่ผ่านมา เวอร์ชั่น React-router ของฉันคือ 5.1.2 React ของฉันอยู่ที่เวอร์ชัน 16.10.1 คุณสามารถค้นหารหัสของฉันที่ด้านล่าง แต่เมื่อฉันนำเข้าการใช้งานใหม่ประวัติจาก react-router ฉันได้รับข้อผิดพลาดนี้: Uncaught TypeError: Cannot read property 'history' of undefined ซึ่งเกิดจากสายนี้ใน React-router function useHistory() { if (process.env.NODE_ENV !== "production") { !(typeof useContext === "function") ? process.env.NODE_ENV !== "production" ? invariant(false, "You must use React >= 16.8 in …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

ฉันกำลังสร้างการแสดงผลคอมโพเนนต์จากไลบรารีรูปแบบภายนอก (node_modules) ของฉัน ในแอพหลักของฉันฉันส่งLinkอินสแตนซ์ของฉันจากreact-router-domลงในคอมโพเนนต์ไลบรารีภายนอกของฉันดังนี้: import { Link } from 'react-router-dom'; import { Heading } from 'my-external-library'; const articleWithLinkProps = { url: `/article/${article.slug}`, routerLink: Link, }; <Heading withLinkProps={articleWithLinkProps} /> ในห้องสมุดของฉันมันแสดงผลLinkดังนี้: const RouterLink = withLinkProps.routerLink; <RouterLink to={withLinkProps.url} > {props.children} </RouterLink> RouterLinkดูเหมือนว่าจะทำให้ได้อย่างถูกต้องและแม้กระทั่งนำทางไปยัง URL เมื่อคลิก ปัญหาของฉันคือRouterLinkดูเหมือนว่าจะแยกออกจากreact-router-domอินสแตนซ์ของแอพของฉัน เมื่อฉันคลิกHeadingมัน "ยาก" นำทางโพสต์กลับหน้าแทนที่จะกำหนดเส้นทางที่มีต่อเนื่องตามLinkปกติ ฉันไม่แน่ใจว่าจะลองอะไร ณ จุดนี้เพื่อให้นำทางได้อย่างราบรื่น ขอความช่วยเหลือหรือคำแนะนำใด ๆ …

10 javascript  reactjs  react-router-dom