Câu hỏi được gắn thẻ «react-router»

Tôi đang gặp một số vấn đề về kiểu dáng khi sử dụng react-router và react-bootstrap. dưới đây là một đoạn mã import { Route, RouteHandler, Link } from 'react-router'; import AuthService from '../services/AuthService' import { Button, Nav, Navbar, NavDropdown, MenuItem, NavItem } from 'react-bootstrap'; <Nav pullRight> <NavItem eventKey={1}> <Link …

85 react-router  react-bootstrap 

Tôi đang gặp sự cố với bộ định tuyến phản ứng (tôi đang sử dụng phiên bản ^ 4.0.0). đây là index.js của tôi import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render( <Router history={browserHistory} …

85 javascript  json  reactjs  react-router 

Có cách nào để React Router mở một liên kết trong tab mới không? Tôi đã thử điều này và nó không hoạt động. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> Có thể đánh lừa nó bằng cách thêm một cái gì đó như thế onClick="foo"vào Liên kết như những gì …

85 reactjs  react-router 

Tôi có một bộ định tuyến như sau: <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="login" component={Login}/> </Route> </Router> Đây là những gì tôi muốn đạt được: Chuyển hướng người dùng đến /loginnếu chưa đăng nhập Nếu người dùng cố gắng truy cập /loginkhi họ đã đăng nhập, hãy …

83 javascript  reactjs  react-router 

Tôi đang sử dụng thành phần Liên kết từ bộ định tuyến reactjs và tôi không thể làm cho onClickevent hoạt động. Đây là mã: <Link to={this.props.myroute} onClick='hello()'>Here</Link> Đây là cách để làm điều đó hay cách khác?

82 reactjs  react-router  react-redux 

Tôi đang cố gắng thiết lập Google Analytics trên trang web phản ứng của mình và đã gặp một vài gói, nhưng không có gói nào trong số đó có kiểu thiết lập mà tôi có về mặt ví dụ. Tôi hy vọng ai đó có thể làm sáng tỏ …

82 google-analytics  reactjs  react-router 

Tôi gặp sự cố khi thay đổi chế độ xem trong phản ứng với định tuyến. Tôi chỉ muốn hiển thị danh sách người dùng và nhấp vào mỗi người dùng sẽ điều hướng đến trang chi tiết. Đây là bộ định tuyến: import React from "react"; import ReactDOM from …

82 reactjs  react-router 

Nhìn vào ví dụ React Router Dom v4 này https://reacttraining.com/react-router/web/example/auth-workflow, tôi thấy rằng thành phần PrivateRoute phá hủy một phần còn lại như thế này const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={props => ( fakeAuth.isAuthenticated ? ( <Component {...props}/> ) : ( <Redirect to={{ …

82 reactjs  react-router 

Có ai biết cách hạn chế quyền truy cập vào các tuyến đường cụ thể trong bộ định tuyến phản ứng không? Tôi muốn kiểm tra xem người dùng đã đăng nhập chưa trước khi cho phép truy cập vào một tuyến đường cụ thể. Tôi nghĩ nó sẽ đơn …

81 javascript  reactjs  react-router 

Tôi đang cố thiết lập bộ định tuyến phản ứng trong một ứng dụng mẫu và gặp lỗi sau: You should not use <Link> outside a <Router> Ứng dụng của tôi được thiết lập như vậy: Thành phần chính const router = ( <div className="sans-serif"> <Router histpry={browserHistory}> <Route path="/" component={Main}> …

80 reactjs  react-router  jsx 

Chúng tôi có một danh sách các bài giảng và chương để người dùng có thể chọn và bỏ chọn chúng. Hai danh sách được lưu trữ trong một cửa hàng redux. Bây giờ chúng tôi muốn giữ một bản đại diện của các sên bài giảng và sên chương …

76 javascript  reactjs  react-router  redux  react-router-redux 

Tôi đang sử dụng hook useHistory mới của React Router, đã xuất hiện vài tuần trước. Phiên bản React-router của tôi là 5.1.2. Phản ứng của tôi là ở phiên bản 16.10.1. Bạn có thể tìm thấy mã của tôi ở phía dưới. Tuy nhiên, khi tôi nhập useHistory mới …

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

Tôi đang sử dụng hook UseHistory trong bộ định tuyến phản ứng v5.1.2 với bản đánh máy? Khi chạy thử nghiệm đơn vị, tôi đã có vấn đề. TypeError: Không thể đọc thuộc tính 'lịch sử' không xác định. import { mount } from 'enzyme'; import React from 'react'; import …

18 reactjs  typescript  react-router  jestjs  enzyme 

Tôi là người mới trong Next.js và tôi đang tự hỏi làm thế nào để chuyển hướng từ trang bắt đầu ( / ) sang / hello-nextjs chẳng hạn. Khi người dùng tải một trang và sau đó xác định xem path === / redirect đến / hello-nextjs Trong bộ …

15 html  reactjs  routing  react-router  next.js 

Tôi đang cố tải chế độ xem chi tiết dựa trên tuyến phản ứng bộ định tuyến-bộ định tuyến sẽ lấy tham số URL (id) và sử dụng chế độ đó để tiếp tục điền thành phần. Tuyến đường của tôi trông như thế /task/:idvà thành phần của tôi tải …

14 reactjs  react-router