在React中处理URL更改
是指在React应用中根据URL的变化来更新页面内容或执行相应的操作。React提供了一种称为React Router的库来处理URL的变化和路由管理。
React Router是一个用于构建单页面应用的第三方库，它提供了一种声明式的方式来定义应用的路由。通过React Router，我们可以将URL与组件进行映射，使得在URL发生变化时，相应的组件可以被渲染到页面上。
处理URL更改的步骤如下：
- 安装React Router：可以通过npm或yarn安装React Router库。
- 导入所需的组件：在需要处理URL更改的组件中，导入BrowserRouter和Route组件。
- 定义路由规则：使用Route组件来定义URL与组件的映射关系。可以使用exact属性来确保只有在URL完全匹配时才渲染对应的组件。
- 渲染路由组件：在根组件中使用BrowserRouter组件将整个应用包裹起来，并在其中渲染Route组件。
- 处理URL更改：React Router会自动监听URL的变化，并根据定义的路由规则来渲染相应的组件。在组件中可以通过props获取当前URL的信息，如location对象中的pathname、search和hash等属性。
React Router的优势和应用场景：
- 声明式路由配置：React Router提供了一种声明式的方式来定义应用的路由，使得路由配置更加清晰和易于维护。
- 嵌套路由支持：React Router支持嵌套路由，可以方便地构建复杂的页面结构。
- 动态路由匹配：React Router支持动态路由匹配，可以根据URL中的参数来动态加载对应的组件。
- 导航和重定向：React Router提供了Link和Redirect组件来处理导航和重定向。
- 与React生态系统的无缝集成：React Router与React框架紧密集成，可以与其他React库和工具无缝配合使用。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端对象存储服务，适用于存储和处理大规模非结构化数据。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的关系型数据库服务，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云函数计算（SCF）：提供事件驱动的无服务器计算服务，可以在云端运行代码，无需管理服务器。详情请参考：https://cloud.tencent.com/product/scf
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
我正在对react中的api执行此请求：
return fetch(url, {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
'Access-Control-Allow-Origin': '*'
},
bod
浏览 1提问于2019-05-20得票数 0
我正在尝试使用Xamarin forms webview .Navigated事件来检测react应用程序中的页面位置何时发生更改。然而，它似乎只有在我导航到外部页面时才会发出，而不是在react应用程序中，即使我使用的是react路由器。在我的浏览器中，url会发生变化，但Xamarin webview不会注册这种变化，即使我通过打印webView.Source来手动轮询url。
有没有什么方法可以让我在C#的react应用中检测到导航？
浏览 1提问于2017-07-16得票数 3
我有一个基于Laravel 5.4框架的react应用程序。我遇到的问题是，在使用诸如{ URL }/{slug}之类的url刷新页面时，应用程序会中断。
下面是位于App.js中的路由器组件
<Router>
<div className="App__container container-fluid">
<Navigation />
<Switch>
<Route path="/films" component={FilmsContainer}/>
浏览 10提问于2017-07-18得票数 0
回答已采纳
目前，我使用的是.env文件，该文件放置在使用变量的react app根文件夹中。
REACT_APP_BASE_URL =
I用户axios默认设置api请求的基url。
Axios.defaults.baseUrl = process.env.REACT_APP_BASEURL
在构建React .env文件之后，如果我的基本URL被更改了，我如何在不重新构建整个React的情况下做到这一点。我希望使基url独立，这样我就可以动态地更改基url。最好的解决办法是什么？
浏览 0提问于2019-03-14得票数 3
回答已采纳
我在我的react应用程序中为一个API键添加了一个dotenv文件，我遵循了这个教程：以及这个：我把它作为REACT_APP_API_KEY的前缀。该应用程序在本地运行，但在上传到AWS时不起作用。
这是on load fetch：
useEffect(() => {
const fetchData = async () => {
try {
const url = `https://api.themoviedb.org/3/search/movie/?api_key=${process.env.REACT_APP_API_KEY}&l
浏览 7提问于2020-10-06得票数 0
有人能告诉我，当您在服务器端更改路由的URL时，如何调用某个操作吗？
我正在使用browserHistory的反应路由器，以推动我的输入到url。
import React from 'react';
import { connect } from 'react-redux';
import { browserHistory } from 'react-router';
class findBirthdays extends Component {
constructor(props){
super(props);
}
o
浏览 6提问于2017-02-22得票数 0
回答已采纳
我正在尝试学习react router 4，但遇到了一些问题。我从这里开始遵循的指南，是的，这个例子在我的浏览器中运行得很好。我可以单击链接并在浏览器中显示内容。
但是，如果我在浏览器中键入url而不是单击链接，页面将显示未找到。
发生什么事了呢？React-router只能使用链接而不能输入URL吗？？
浏览 5提问于2017-07-08得票数 0
在一个电子反应打字应用程序中，我设法在预加载中通过contextBridge.exposeInMainWorld将消息从渲染程序发送到main，但在返回的路上，main的处理输出实际上通过通道到达preload.ts，但它没有到达渲染程序。这一定是真的“愚蠢”，但我不知道什么是“罪魁祸首”。所以，我请你帮忙。
preload.ts：
const {
contextBridge,
ipcRenderer
} = require("electron")
contextBridge.exposeInMainWorld(
"api", {
s
浏览 1提问于2020-12-22得票数 1
回答已采纳
我有一个由两个react项目组成的微前端应用程序，让我们称它们为A和B，如果用户点击了A项目中的某个链接，那么url就会改变。但是我怎样才能检测到项目B中url的变化呢?现在我有了componentDidUpdate功能，它可以检查当前的location.pathname和之前的url。但是，只有在A或B中更改url时，componentDidUpdate才会运行。 componentDidUpdate(prevProps) {
const {
location,
} = this.props;
if (locati
浏览 56提问于2021-10-20得票数 0
我正在学习Reactjs。假设我有一个按钮，在这个按钮上我触发了一个事件。但不知何故，这个事件总是调用我不点击任何东西的事件。下面是我的代码，你能帮我吗？假设我使用Ajax调用api，当有数据更新UI时。在UI中，我有一个按钮，它也会触发一个事件。
"use strict";
var Movie = React.createClass({
displayName: "Movie",
getInitialState: function getInitialState() {
return {
movie_
浏览 2提问于2016-03-31得票数 3
2回答
我有谷歌地图与多个标记与集群。在点击标记时，我将显示信息窗口，但当我单击标记时，地图标记和集群的整体将被重新呈现，这会使页面变得缓慢和烦人。
以下是我的代码：
import React, { Component } from "react";
import axios from "axios";
import { compose, withProps, withHandlers, withStateHandlers } from "recompose";
import {
withScriptjs,
withGoogleMap,
Go
浏览 4提问于2019-05-16得票数 2
回答已采纳
1回答
我正在学习redux，并且正在阅读react/redux源代码。在actions/Video.js文件中，它包含以下代码： export const startDownloading = url => dispatch => {
ipcRenderer.send("video:url", { url });
dispatch({
type: START_DOWNLOADING
});
};
export const getVideoInfo = info => {
return { type: GET_VIDEO_INFO, pay
浏览 20提问于2020-07-21得票数 0
我需要肚脐上的匹配对象。我使用的是React，Redux和TypeScript。
下面是我的引导客户端文件：
import './css/site.css';
import 'bootstrap';
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { AppContainer } from 'react-hot-loader';
import { Provide
浏览 3提问于2017-09-29得票数 0
回答已采纳
我正在使用create- react -app和react-bootstrap构建一个基本的react应用程序。我正在使用一个表来显示来自react-bootstrap 的信息。我正在尝试让分页为表工作，但我不确定如何绕过它来与表一起工作。下面是我的组件的代码片段，我从react-bootstrap中添加了分页代码片段，它只在底部显示分页页脚，而不实际对结果进行分页。App.js
import React, { Component } from 'react';
import Table from 'react-bootstrap/lib/Table';
imp
浏览 2提问于2018-02-21得票数 3
import Home from "./pages/home/Home";
import Profile from "./pages/profile/Profile";
import Login from "./pages/login/Login";
import Register from "./pages/register/Register";
import Messenger from "./pages/messenger/Messenger";
import {
BrowserRouter as Ro
浏览 30提问于2021-06-25得票数 3
回答已采纳
index.js(previous)
import React from 'react'
import { render } from 'react-dom'
import { Router, Route } from 'react-router'
import App from './modules/App'
render((
<Router history={hashHistory}>
<Route path="/" component={App}/>
<Ro
浏览 1提问于2016-09-29得票数 0
回答已采纳
嗨，大家好，斯威夫特，
我正在Swift中创建一个连接到React Native的模块。我从react本地调用一个函数，该函数将返回状态码(如果找到)。
//React Native code
NativeModules.Testing.testURL("MyURL", (result) => { //do some stuff with result });
这一切都工作得很好，我可以多次调用这个函数(每次都传入不同的URL)。我现在想要实现的是停止当前会话。
我知道我可以使用：
//Swift code
session.invalidateAndCancel()
但是
浏览 0提问于2021-01-04得票数 0
1回答
你能告诉我如何在react中制作列表时替换图像的src吗？我有一个列表，其中有一个图像和它的标题。当图像不存在时，我想在我的img标签中交换src url。如果服务器上有图像，那也没关系，如果没有，我想把这个http://punemirror.indiatimes.com/photo/55813567.cms的src url替换掉。
下面是我的代码
我试过这样:有一个检测图像是否存在的函数。但是我该如何在react中使用这个函数呢？
imageExists(url, callback) {
var img = new Image();
img
浏览 0提问于2017-07-28得票数 0
我有一些页面过滤器，如sortBy，groupId等，需要在URL中，因为用户可能从其他页面进入过滤视图。我试着将其保存在路由器参数和查询参数中，但问题是，每当这些参数在url中更改时，整个组件就会被重新挂载。是否有任何方法可以避免这种情况，或者有更好的方法处理列表页面上的过滤器。
// users main container
<Switch>
<Route
path={`${this.props.match.url}/users/:sort_by/:group_id`}
component={UsersListContainer}
浏览 2提问于2021-01-16得票数 0
回答已采纳
我在前端使用React/Redux编写了一个应用程序，后端使用了.NET Core2.2。这是你典型的SPA应用，我相信我很久以前就开始使用CreateReactApp了。我以前已经设置了页面，路由工作正常，当我点击键盘上的F5或将应该导航到页面的URL放在页面上时，所有的内容都会像预期的那样加载。您将在下面的示例中看到这一点，AuditLog和AddLicenses页面在刷新时或当我手动输入URL (dev是)时都会正确加载。
我正在我的应用程序上开发一个名为Copy的新特性，这个新特性应该有自己的URL来解析()。但是，由于某种原因，当我点击F5并得到405个错误时，URL实际上不会加载页
浏览 0提问于2019-11-18得票数 0
回答已采纳
我的React组件需要一个ajax调用才能使数据呈现出来。
最初，我使用这种方法在render中启动了ajax调用。这是我的伪代码..。
export class MyView extends React.Component<any, any> {
hasAjaxData: boolean = false;
renderAndGetData() {
const data = {
};
AjaxCall(data)
.then((results) => {
浏览 5提问于2017-04-26得票数 1
任务是在标记之间切换时从api获取数据。
当单击链接时，它调用api服务，但是feed的状态没有更新，但它在警告下面抛出。
jQuery.Deferred异常:无法读取未定义TypeError的属性“setState”：无法读取未定义的属性“setState”
我的github回购
应用程序组件
import React from 'react';
import {FetchData} from "../service/flickerApi.service";
import Header from "./header/header.component&
浏览 3提问于2018-02-02得票数 0
1回答
我在我的react应用程序中使用axios拦截器时遇到了问题。我想实现在我的react应用程序中只放一次头标记。这就是为什么我把它放在拦截器里。同时，我也希望只有一个声明来获取错误。所以我不需要在每一页都显示错误。我想知道我是否在下面的代码中正确地使用了它？有没有办法缩短它，因为我在响应和请求时声明了两次？
export function getAxiosInstance() {
if (axiosInstance === null) {
axiosInstance = axios.create({
baseURL: API_URL,
});
}
axi
浏览 0提问于2020-06-07得票数 1
我在试着让一个反应路由器开始工作。这是我的密码：
var hashHistory = require('react-router-dom').hashHistory;
var BrowserRouter = require('react-router-dom').BrowserRouter;
var Route = require('react-router-dom').Route;
var ReactDOM = require('react-dom');
var React = require('react');
浏览 2提问于2017-06-02得票数 3
回答已采纳
我是React.js的新手。我正在制作一个小应用程序，它有身份认证和一些组件。我将应用程序划分为一些组件。首先是App.jsx：
var React = require('react');
var ReactDOM = require('react-dom');
var Login = require('./Login.jsx');
var App = React.createClass({
getInitialState: function() {
return {
url: 'url-to-my-API
浏览 4提问于2016-06-27得票数 3
回答已采纳
我一直在尝试用event.preventDefault()将值从一个带有Redux-Form的表单传递到它的handleSubmit，这样提交这个表单就不会改变URL。
这很可能与react-router有关。
以下是我尝试的摘录。
//form
class SampleForm extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>
<for
浏览 0提问于2017-11-12得票数 0
我对React.js完全陌生，并开始向学习。
MacOSX塞拉利昂v10.12
在航站楼，我做到了：
npm install -g create-react-app
create-react-app hello-world
cd hello-world
npm start
然后，我将App.js修改为：
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<h1>Hello, world!</h1>,
document.get
浏览 3提问于2016-10-27得票数 0
回答已采纳
我的项目结构如下所示
- components
- layout
- layoutA
- header.js
- footer.js
- layout.js
- views
- blogsite
- catgoriesView.js
- App.js
在header.js中，我有props.sections作为菜单的传递列表
return (
<React.Fragment>
<Toolbar component="nav&
浏览 2提问于2021-03-16得票数 0
回答已采纳
1回答
试图让我的下拉，让我选择一个选项，但它没有发生。如果需要更多有关此函数的文档，则无法找到任何进一步的文档。不知道为什么我不能选择。我的代码：
import React from 'react';
import {
Media,
Dropdown,
DropdownToggle,
DropdownMenu,
DropdownItem,
Button,
} from 'reactstrap';
import PropTypes from 'prop-types';
class UserPreview extends Reac
浏览 5提问于2017-06-27得票数 0
1回答
我的JavaScript脚本注入到一个现有的网站，并运行在它之上。
该网站是由Vue.js构建的SPA。
我希望检测这个SPA中的url更改(路由)，并调用我自己的函数，将新的url作为参数传递。
我试着听了以下事件(基于和)：
window.addEventListener("hashchange", myFunc);
window.addEventListener("popstate", myFunc);
但是myFunc在任何时候都不会被触发。
我还试着用React (使用react路由器)来实现这一点，但是它没有得到任何路由更新事件。
我要用Vue来达到
浏览 10提问于2022-02-11得票数 2
1回答
我正在尝试将ReactJS与OctoberCMS集成到位于OctoberCMS安装内名为react的目录中的ReactJS应用程序中。我无法正确地设置路由。直接点击URL (例如，http://example.com/react/blog )会产生一个404页。如果我在第一次访问主页后导航到相同的url (使用我的导航栏)，我就能够成功地打开页面。请帮我正确地设置路线。
另外，我应该如何将这两者(react和octoberCMS)结合起来。我认为我将react保存在OctoberCMS安装中的文件夹中的方法是错误的。正确的方法应该是什么？
在package.json中，我放置了"hom
浏览 0提问于2019-07-11得票数 1
我是新的反应，我正在尝试做一个“删除按钮”在我的推特什应用程序，为我的实践。它应该看起来像真正的推特，有我所有的推特列表，每条推文都有一个删除按钮。我正在成功地展示我所有的推文，但是我目前在删除按钮上发现了一个错误，上面写着Uncaught TypeError: this.props.onDelete is not a function，我不知道如何修复它。我怎样才能让它发挥作用？
我的代码如下：
Tweet.js
import React from 'react'
class Tweet extends React.Component {
constructor(pro
浏览 0提问于2018-11-21得票数 2
回答已采纳
1回答
我试图用select更改图表组件的道具。但是url值在Chart中不会更改为Chart，即使我可以通过控制台看到url变量中的变化。
select中的更改是否应该触发一个新的呈现以实际更改图表中的this.props.url？
var App = React.createClass({
render: function() {
var url ="data_stat1.json"
function logChange(val) {
url = 'data_' + val + '.json';
console.log(url)};
retu
浏览 2提问于2015-08-17得票数 0
回答已采纳
1回答
相对较新的反应本地人。一直试图获得一个QR代码扫描仪来扫描QR代码，并将App屏幕指向一个get视图，以查看从QR代码解码的URL。许多QR代码包给出了显示URL的示例，但它们不一定提到将URL传递给they视图。
方法
这里，我将url设置为空字符串，变量webview设置为false。扫描后，我将更新url的状态，并将变量webview设置为true。
然后，在扫描QR代码时，使用条件呈现尝试在QR代码扫描和webview之间切换。我已经包括了一个按钮来切换回QR相机。
问题
应用程序在扫描QR代码时崩溃。在xcode的调试模式中没有明显的错误。我已经看过模拟器的调试部分，没有明显的错误，
浏览 5提问于2020-10-29得票数 0
回答已采纳
我有一个服务器端呈现音频播放器反应应用程序。
使用，我有一个持久的AudioPlayer组件，在这个组件中，每当mobx存储中的@observable playerData = {}发生变化时，我都要调用一个this.play(mp3url)函数。
我已经成功地点击了我的应用程序中的其他组件，随时更新playerData。
但是我无法在我的AudioPlayer组件中检测到这些更新，所以我可以设置它的状态并调用this.play(mp3url)来开始播放音频。
页面/_app.js
import initializeStore from '../stores/stores';
浏览 1提问于2019-10-05得票数 1
回答已采纳
我有反应成分：
Main.jsx
import { useState, useEffect } from "react";
import { Preloader } from "../Preloader";
import { Pokemons } from "../Pokemons";
import { LoadMore } from "../LoadMore";
function Main() {
const [pokemons, setPokemons] = useState([]);
const [loading
浏览 3提问于2022-04-05得票数 0
当我使用react-router 0.13.3时，它是正常的:我正在改变url，并且在不重新加载的情况下进行转换。
现在，在react-router2.0中，如果我手动更改url，我的应用程序将完全重新加载，而不是简单的重定向。我该如何修复它？
我想使用这个：
<a href="/routename">link</a>
取而代之的是：
<Link to="/routename">link</Link>
在少数特殊情况下。
路线
import {Router, Route, IndexRoute} from "
浏览 1提问于2016-04-26得票数 19
在使用react-router 1.0更新url时，我需要保留滚动位置
我有一些类似的东西：
import React, {Component, PropTypes} from 'react';
export default class Standard extends Component {
static contextTypes = {
history: React.PropTypes.object
}
someHandler(url) {
this.context.history.pushState(null, url);
}
r
浏览 0提问于2016-01-07得票数 0
我正在尝试创建一个函数，当单击“下一步”按钮时，它将传递给我的api的另一个随机对象。但是我不能执行这个函数，检索其他值，并在浏览器中更新信息。 App.js import React, { Component } from 'react';
import './App.css';
class App extends Component {
state = {
data: [],
chosenPlanet: 0,
}
componentDidMount() {
const url = 'http://localho
浏览 8提问于2019-04-15得票数 0
回答已采纳
我正在创建一个react应用程序，我有两个URL，如下所示：
/home
/athletes
我想在这两个URL中的散列之后添加一个q参数。因此，这个URL基本上会在我所在的页面中提供搜索结果：
/home#q=test
/athletes#q=test
我已经设置了允许我实现这一目标的结构。但是，我不知道如何在散列之后获得“查询参数”。我怎么能拿到这个？我使用html5历史api作为我的urls。
浏览 1提问于2016-08-21得票数 0
我正在使用react共享包来共享我的网页，但是在FacebookShare按钮中显示了一个错误，比如“参数'href‘应该代表一个有效的URL"。
我的Share.js代码是：-
import React from 'react'
import {
FacebookShareButton,
FacebookIcon,
TwitterShareButton,
TwitterIcon,
WhatsappShareButton,
WhatsappIcon,
} from 'react-share'
const ShareBut
浏览 6提问于2021-02-08得票数 0
1回答
我有一个简单的部分，在其中我显示不同的视频从不同的来源，如youtube，直接链接，如mp4，hls，破折号等，我使用插件显示视频，点击我是改变视频网址。
现在我想显示当前在播放器中播放的视频URL .
现场演示：
这是我的源代码。
import React, { useState, useRef, useEffect } from "react";
import "./styles.css";
import ReactPlayer from "react-player";
export default function App() {
c
浏览 4提问于2020-12-04得票数 0
回答已采纳
3回答
我刚开始使用React，在使用JavaScript事件处理程序重定向到新页面时遇到了问题。我不知道我搞错了什么。 App.js import React, { Component } from 'react';
import {Switch, Route} from 'react-router-dom';
import Nav, {Jumbotron} from '../partials/headobjs';
import Footer from '../partials/footer';
import Users from
浏览 17提问于2019-04-08得票数 2
回答已采纳
所以我一直在为一个页面的管理控制面板工作，这个页面显示一个卡片列表，一旦点击，就会将用户重定向到视频或基于文本的链接。我还必须添加一个CRUD功能，允许我从提供的API中编辑/删除帖子。 由于接口是本地托管的，所以请求"localhost:3000/videos/{Id}“会加载到对象中，其中包含id、url、title、The等字段 我有一个用来制作卡片的类，叫做HelpCard.tsx，代码如下： import React, { Component } from "react";
import "../help/HelpCard.css";
imp
浏览 14提问于2019-09-30得票数 0
回答已采纳
我用的是React，Redux和React路由器。我希望将大多数应用程序状态存储在redux存储中，并将其中的一些部分存储在URL查询中。我相信有两种方法可以做到：
每次状态变化后用URL查询同步redux存储
不要在redux存储中存储“一些位”，而是有一些方法(类似于还原器的工作方式)来更改URL查询，就好像它是另一个存储区一样。
我不确定第一种方式是否可行，因为序列化的状态长度可能超过URL限制。所以我应该用第二个。
例如，我在一个页面上有几个复选框，我希望它们的状态(选中/未选中)在URL中被镜像，这样我就可以将我的URL链接发送给其他人，他们将与我一样被选中。所以我把
浏览 2提问于2017-01-29得票数 2
1回答
我试图在next.js中为我的博客添加一个动态的目录。代码在我的本地主机上运行得很好，但是当我将它部署到vercel时，我得到了以下错误：
TypeError: Cannot read properties of undefined (reading 'content')
at BlogPost (/vercel/path0/.next/server/pages/posts/[slug].js:111:23)
at Jc (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.m
浏览 11提问于2022-08-07得票数 0
回答已采纳
我的应用程序是使用React Native创建的，需要使用默认的相机应用程序扫描二维码，然后在应用程序中打开特定的屏幕，为了实现这一点，我还使用了React Native Firebase库来设置Firebase动态链接。 设置非常简单，一个使用Firebase提供的域的动态链接，该链接还包含url格式的https://example.page.link/abc-xyz深层链接。 在应用程序扫描QR之后，它使用深度链接url来提取abc-xyz部分并导航到不同的屏幕，这是我的实现。 // App.js
const handleDynamicLink = link => {
cons
浏览 49提问于2021-10-15得票数 0
回答已采纳
2回答
自定义提取钩子落后一步
、、、、
我正在为get和post数据创建自定义的提取钩子。我遵循官方的React来创建自定义的获取钩子，但是由于useState异步行为，看来我的钩子返回的状态变量落后了一步。这是我定制的useMutation钩子
export const useMutationAwait = (url, options) => {
const [body, setBody] = React.useState({});
const [data, setData] = React.useState(null);
const [error, setError] = React.useState(null
浏览 4提问于2021-11-22得票数 2
在最新的react-native 0.60版本中，默认应用程序将在登录页面包含一个链接列表，如下所示
现在，如果这个react原生项目在模拟器上运行，我们单击其中一个链接，它将在我们的笔记本电脑上打开，而不是在模拟器内的浏览器上打开。我想知道它是如何工作的，所以我查看了一下node_modules/react-native/Libraries/Core/Devtools/openURLInBrowser.js，找到了以下代码
'use strict';
const getDevServer = require('./getDevServer');
浏览 0提问于2019-08-19得票数 1
我正在研究，但是我想不出一个好的模型来做url路由。
由于mobservable如何与React一起工作，所以当您更改url时，使用标准react-router不会做任何事情。只有当我们粗略地将url路径向下传递到处理程序堆栈中以使它们具有响应性时，我才能看到一些变化。
我觉得这需要一种不同的方法。当然，我可以修改一些自定义的东西，但我有点喜欢react-routers嵌套urls和solid Location/Link功能的方式。
浏览 0提问于2015-09-03得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
