使用react-router的ES6地图，我们如何调整Map.get？
在使用react-router的ES6地图时，我们可以通过调整Map.get方法来获取特定路径的组件。Map是ES6中的一种数据结构，它类似于对象，但可以使用任何类型的键。在react-router中，我们可以使用Map来存储路径和对应的组件。
要调整Map.get方法，我们需要按照以下步骤进行操作：
- 首先，确保已经安装了react-router库。可以使用以下命令进行安装：
- 首先，确保已经安装了react-router库。可以使用以下命令进行安装：
- 在项目中导入所需的模块：
- 在项目中导入所需的模块：
- 创建一个Map对象，并将路径和组件添加到Map中：
- 创建一个Map对象，并将路径和组件添加到Map中：
- 在路由组件中使用Map.get方法获取对应路径的组件：
- 在路由组件中使用Map.get方法获取对应路径的组件：
- 在上面的代码中，我们使用Map.get方法来获取路径对应的组件，并将其作为Route组件的component属性值。
通过以上步骤，我们可以根据需要调整Map.get方法来获取特定路径的组件。这样，当访问对应路径时，react-router将会渲染相应的组件。
请注意，上述代码中的路径和组件仅作示例，您需要根据实际情况进行调整。另外，如果您需要更复杂的路由配置，可以使用react-router提供的其他功能，如嵌套路由、重定向等。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，我无法给出相关链接。但您可以通过访问腾讯云官方网站，查找与云计算相关的产品和服务。
相关·内容
我从来不明白为什么我们不能像这样编写ES6地图：
new Map({
['ArrayAsKey']: {foo:bar}
})
有什么方法可以做到这一点吗？或者任何使使用这些较新的数据结构更令人愉快的方法。
浏览 0提问于2019-12-12得票数 0
我有一张地图，其中键是strings，值是Array。
let map = new Map();
map.set("a", []);
map.set("a", map.get("a").push(1)); // reference to array returns it's length: 1
为什么这个设计是这样的？
浏览 1提问于2018-08-14得票数 1
回答已采纳
1回答
我在这里发现有几个人在问这个问题，但所有的答案都有一张地图，它没有填满100%的屏幕，所以如果你放大，它不会重复，但你会得到上面/下面的灰色条形图。
如果你去maps.google.com，不管你放大多远，不管你的窗口有多宽或多高，地图总是充满屏幕，永远不会重复。我不知道如何使用Google来实现这一点，而且我在StackOverflow上也找不到这种行为的确切信息。
为了直观起见，这是Google的API中的默认行为(afaik)：
这里是屏幕大小相同的maps.google.com，并放大到它们允许的范围内。
如果你使窗口更宽，谷歌地图的网站似乎调整了地图的大小，使地图
浏览 1提问于2016-02-05得票数 1
回答已采纳
1回答
我想把我的地图对准这些和弦
我复制粘贴了我网站代码中的坐标：
<script>
function initialize() {
var map_canvas = document.getElementById('map_canvas');
var map_options = {
center: new google.maps.LatLng(56.4611388, -2.9719832),
zoom: 16,
mapTypeId: google.maps.MapTy
浏览 0提问于2014-07-07得票数 0
回答已采纳
2回答
这段代码翻译成什么？我不知道大括号中的变量是如何与= require('react-router')相关的。
var { create: createRouter, HistoryLocation, HashLocation } = require('react-router')
它来自
浏览 3提问于2015-02-23得票数 4
回答已采纳
1回答
我有以下内容：List<Map<String, Object>>。我想使用流获得一个Map<String, List<Object>。此地图的键将是在列表中重复的键。基本上，是一对多，这将是数据的一个例子：
[
{ id: "a", name: "AAA"}
{ id: "a", name: "BBB"}
{ id: "b", name: "XXX"}
{ id: "b", name: "YYY"
浏览 1提问于2019-04-01得票数 2
回答已采纳
有人知道我如何在街景中移动google地图的平移/缩放控制位置吗？
我可以将控件定位到普通地图视图的右侧，但是当街景被激活时，平移控件和缩放按钮切换到左侧？
当街景处于活动状态时，我该如何告诉这些向右定位？
谢谢!
浏览 3提问于2013-11-22得票数 0
2回答
我正在学习JavaScript，我正在尝试解决一个练习，在这个练习中，我必须用我的名字的字母创建一个数组，然后使用Map存储每个值出现的值和次数。
我一直在阅读地图，我想我应该从类似的东西开始来检查数组是否有重复，但是我是新手，我找不到很多地图示例，所以我不知道我在做什么，…
var myMap = new Map([[1, "M"], [2, "a"], [3, "r"], [4, "y"]]);
for (i = 1; i < 5; i++) {
console.log(myMap.has (i));
cons
浏览 1提问于2018-09-15得票数 1
回答已采纳
我正在使用react-router@4.1.1
└─┬ react-router@4.1.1
├─┬ history@4.6.1
│ ├── resolve-pathname@2.1.0
│ └── value-equal@0.2.1
└── warning@3.0.0
在开发过程中附加react-router Link时会出现此消息
./src/containers/FilterLink.js
37:4-8 'react-router' does not contain an export named 'Link'.
这是导入代码：
impor
浏览 0提问于2017-05-31得票数 25
回答已采纳
3回答
我有一个Map，它有所有这些值：
地图：
B Bonus
C Cash
D Draft
我有一个列表：Account：
Number, Type, Name
AccountsList
Account 0 : 123, B, Sam
Account 1 : 124, C, Harry
我必须根据地图中的键值对更新AccountList中的值。
我有以下代码：
for (Account acc: AccountList) {
acc.setAccountType(map.get(acc.getAccountType()));
}
如何使用Java 8流编写上述代码
浏览 2提问于2019-12-06得票数 1
回答已采纳
3回答
我使用的是react.js，而不是nodes服务器。我需要一个路由的解决方案，但似乎react-router正在与node一起工作。如果不是，给我一些如何集成react路由器的例子。如果没有，我需要另一个与react一起工作的路由器。
浏览 0提问于2016-03-02得票数 8
我想在defaultProps的类型记录中使用react无状态组件。
我无法找到解决方案，如何使用类型，从而允许我在没有菱形语法的情况下使用defaultProps in TypeScript项目。
import {Link} from "react-router";
interface LinkProps {
...
}
const LinkPresenter = (props: LinkProps): JSX.Element =>
<Link
...
>
...
</Link>
浏览 5提问于2016-09-16得票数 3
回答已采纳
我将首先发布我的代码：
public static <T> ConcurrentMap<String,Collection<?>> reduceMap(ConcurrentMap<String, ConcurrentHashMap<String, Collection<T>>> map) {
ConcurrentMap<String, Collection<?>> smallerMap = new ConcurrentHashMap<String, Collection<?>
浏览 0提问于2013-06-25得票数 1
回答已采纳
可以在angular 2中创建Map<字符串，List<字符串>>吗？
浏览 0提问于2016-08-30得票数 2
回答已采纳
我正在执行这样的HQL查询：(hql查询将是动态的，有不同的列名，没有列，数据类型)
Session session = getSession();
Query hqlQuery = session.createQuery("select a.id as Id, a.name as Name, a.description as Description, a.locationCountryId as LocationCountryId from AboutUsMaster as a");
hqlQuery.setResultTransformer(Criteria.ALIAS_
浏览 4提问于2015-07-24得票数 1
回答已采纳
2回答
我需要一些帮助，我正在自学如何用Java处理地图，今天我试图通过键从Hashmap中得到值的减法，但现在我被卡住了。
这些是我想要减去的映射值(带键的值之间的算术减法)。
HashMap<Integer,String> map = new HashMap<Integer,String>();
map.put(1, "10");
map.put(2, "5");
在下面，我想用键减去
(key1) - (key2) = 5
浏览 5提问于2016-10-17得票数 0
回答已采纳
我在服务器上呈现我的React，但是我得到了这个错误TypeError: match is not a function。我不知道如何修复这个错误或者这个错误意味着什么，因为react路由器文档说是另一个明智的。
var routes = require('./public/src/routes');
var React = require('react');
var renderToString = require('react-dom/server');
var match = require('react-router');
浏览 2提问于2017-02-18得票数 0
回答已采纳
6回答
由于某些原因，我在中找不到这个简单的东西(也许我只是错过了它)。
我希望这个方法能奏效：
const map = new Map({foo: 'bar'});
map.get('foo'); // 'bar'
...but第一行抛出TypeError: (var)[Symbol.iterator] is not a function
如何从一个普通的对象生成一个地图？我真的必须先把它转换成键值对数组吗？
浏览 3提问于2016-04-15得票数 229
回答已采纳
3回答
我想知道怎样才能得到一个与我的地图相反的新地图？我的实际地图是这样的：
centralMap = new HashMap<String, Map<String, String>>();
nestedMap = new HashMap<String, String>();
nestedMap是在put-method中创建的。为了放入一个元素，我在main方法中使用了以下代码：
TrueStringMap2D testmap = new TrueStringMap;
testmap.put("Mickey Mouse","Mathemat
浏览 0提问于2012-05-07得票数 0
回答已采纳
1回答
我正在使用react-router节点模块在一个反应应用程序中进行路由。我正在导入所需的模块如下。
var React = require('react');
var Router = require('react-router');
var { Route, RouteHandler, Link } = Router;
// ... remaining code ...
但我在第3行(即var { Route, RouteHandler, Link } = Router; )上有语法错误。
错误：
Uncaught SyntaxError: Unexpecte
浏览 0提问于2015-01-04得票数 3
回答已采纳
1回答
我对Java很陌生，但学习得很好，一直在阅读和理解更新的、更好的Java方法。
目前，我的问题是使用地图存储。如下图所示，这就是我如何在类中存储信息。
public Map<String , Object> req = new HashMap<String, Object>();
public void putReq() {
req.put("npcKills", 0);
}
我正在寻找关于将存储的变量添加到我正在使用的保存脚本的帮助。下面是我目前使用的另一个保存的常规用法。
characterfile.write("logsCut
浏览 0提问于2015-04-20得票数 0
1回答
以下是使用非缺省导出的两个示例。第一种使用commonjs语法，第二种使用es6。为什么第一个例子可以工作，而第二个不行？
// commonjs --- works!
var ReactRouter = require('react-router')
var Link = ReactRouter.Link
// es6 --- doesn't work!
import ReactRouter from 'react-router'
var Link = ReactRouter.Link
我知道我可以使用import { Link } from &#
浏览 0提问于2016-05-05得票数 17
回答已采纳
引言
如果Map包含特定的singer，我们希望在它中搜索。如果是这样，那么我们将向属于disk的list of disks添加一个singer。如果singer不存在，那么我们使用空的ArrayList将singer添加到Map中。
地图的结构如下：
Map<Singer,List<Disk>> diskMap = new HashMap<Singer, List<Disk>>();
键是一个Singer，值是List<Disk>类型。
代码工作正常。我不明白代码的最后一部分：
discography = diskMap.get(s
浏览 4提问于2016-10-04得票数 1
回答已采纳
DefinitelyTyped库：
declare module "history/lib/createBrowserHistory"
{
export default function createBrowserHistory(options?: HistoryModule.HistoryOptions): HistoryModule.History
}
在像这样使用时，给出标题中的编译错误(虽然在转换为.tsx之前，它在普通的旧.tsx中有效)：
import React = require('react');
import reactDom =
浏览 1提问于2015-12-23得票数 5
回答已采纳
我正在尝试使用，并收到以下警告：
“PageContainer(.)：React组件类必须扩展React.Component。”
我的代码如下所示
import React from 'react';
import {Link} from "react-router";
import {withRouter} from 'react-router';
import firebase_det from '../../details_data/firebase';
var firebase = require('fi
浏览 4提问于2016-08-27得票数 2
回答已采纳
2回答
当我添加了react路由器时，它给我以下错误
这是main.js
var React = require('react');
var ReactDOM = require('react-dom');
var Router = require('react-router');
var Route = require('react-router').Route;
var Home = require("./components/homePage");
ReactDOM.render(
<Router
浏览 1提问于2017-02-03得票数 1
回答已采纳
我在这里的问题如下:我有地图，它的条目如下：
Hashmap.put("Requested_value",null);
Hashmap.put("Value","Requested_value");
我需要找出Requested_value持有的值。在这里，这些映射值将从解析的MS文档中填充。
"Requested_value“值是一个下拉值。基于这一价值，我还有其他业务逻辑要执行。
请就如何在hashmap中找到相互依赖的值给出建议。其中一个条目的键将是另一个条目的值。
浏览 0提问于2018-11-12得票数 1
在我的项目中，我正在使用React。我想知道如何导入这个
var RaisedButton = mui.RaisedButton,
ThemeManager = new mui.Styles.ThemeManager();
转到ES6
到目前为止，我就是这么做的
import React from "react";
import { Link } from "react-router";
import ReactLogo from "elements/ReactLogo";
import mui from 'material-ui
浏览 6提问于2015-07-28得票数 1
回答已采纳
我的映射将字符串存储为键，将对象的LinkedList存储为值。现在，我需要将这些数据存储在数据库表中。我的地图数据有点像-
键:值
id : [2, 3, 4, 5]
name : [Rohit, Iravati, Uttam, Sushil]
jobrole : [Software Engineer, Software Engineer, Manager, Director]
salary : [100, 100, 100, 100]
我的桌子结构是-
ID，名称，JOBROLE，
我不知道该如何从地图中读取数据来创建以下给定的查询，以便将这些地图数据存储在表中-
insert
浏览 1提问于2018-09-03得票数 2
回答已采纳
1回答
我向我的Cloud数据库发送了一个Map<String, LatLng>。现在，我想以地图的形式检索数据。然后，我想将地图发送到我的片段中，以便片段能够在谷歌地图上绘制LatLng。
以下是我所做的：
我成功地从数据库中检索了数据，但是错误出现在片段中，我想从地图中获取LatLng。
如何检索数据: MapsActivity：
Source source = Source.DEFAULT;
pinColRef.get(source)
.addOnCompleteListener(new OnCompleteListener<QuerySnapshot>
浏览 5提问于2020-08-29得票数 0
回答已采纳
1回答
我使用BukkitRunnable向映射异步添加值，然后希望返回映射。 public Map<String, Object> test() {
final Map<String, Object> testMap = new HashMap<>();
new BukkitRunnable() {
@Override
public void run() {
testMap.put("A", 1);
testMap.put("B
浏览 19提问于2019-05-16得票数 1
回答已采纳
我有一张地图如下：
private Map<String, Object> map = new HashMap<>();
此映射包含其键值对，如下所示：
键值
value myKey->
value-> Another value
如上面所示，这个映射要么是空的，要么是包含以上键值的键值对(myKey、value和value作为下一个元素的键)。
我想看看这张地图：
空或空
有myKey和value，如果有，也有value我的代码有那么多if else，所以想要避免使用更好的方法来找到Another value
if (map.isEmpty()) {
浏览 0提问于2018-07-31得票数 0
回答已采纳
1回答
我曾与ConcurrentHashMaps合作过，但我不太确定这是否涵盖了这里的所有基础。
我有一个Spring组件。此组件将包含一个Map。这将只是对外部服务中的对象的快速引用。如果映射不包含匹配的字符串，它将调用外部服务，检索对象，并将其存储在映射中。然后，其他类可以使用映射快速检索和使用。因此，只有put()和get()操作在地图上执行。条目永远不会被删除。
尽管如此，我还是有点担心ConcurrentHashMap可能没有提供我想要的原子控制。从外部服务获取SomeObject可能很昂贵。我不希望有两个单独的线程几乎同时调用，从而导致对外部服务的相同值的多次调用。
他们的想法是：
Ma
浏览 2提问于2013-11-04得票数 4
回答已采纳
在Google Maps api v2中，您可以直接从地图对象获取地图类型、缩放等参数。在版本3中，您可以使用setOptions方法来设置一些参数，但是没有getOptions()或选项来检索它们。
浏览 1提问于2010-07-30得票数 8
回答已采纳
2回答
响应Redux路由器错误
、、、
我正在尝试安装一个Redux + React路由器应用程序。我认为问题在于ImmutableJS，但我不知道如何解决它。
client.js
import { fromJS } from 'immutable'
import React from 'react'
import { render, unmountComponentAtNode } from 'react-dom'
import { AppContainer } from 'react-hot-loader'
import { Provider } from
浏览 5提问于2016-11-30得票数 5
回答已采纳
我关注了许多这样的链接，但还不能解决这个问题。
我有两个地图List<Map<String, Object>> -这个地图包含acc_num, parent_acc_num, crte_dt, rnwl_dt, userid等和其他地图包含acc_num和isActive (这是从第一个地图更精炼)。
我想创建/组合这两个地图，并创建包含acc_num, parent_acc_num, crte_dt, rnwl_dt, userid + isActive细节的最终地图。
我该怎么做呢？
下面是示例数据。唯一问题是两个都是Map列表，如何在另一个列表上迭代？
{CRTE
浏览 71提问于2018-07-26得票数 -1
回答已采纳
7回答
我有一个如下的地图：
let map = new Map();
map.set("a", 1);
//Map is now {'a' => 1}
我希望将a的值更改为2，或者递增该值：map.get("a")++;
目前，我正在使用以下内容：
map.set("a", (map.get("a"))+1);
然而，这感觉并不正确。有没有人知道一种更干净的方法？有可能吗？
浏览 1提问于2018-12-03得票数 33
2回答
可能重复：
我的地图就像
HashMap<Integer, ArrayList<String>> map = = new HashMap<Integer, ArrayList<String>>();
我想要迭代这种类型的地图，请给我一个例子，如何迭代这个地图
浏览 2提问于2012-05-12得票数 5
1回答
使用对象文字作为哈希表是很好的做法吗？也就是说，使用一个属性名作为键，以获得一个特定的映射值。
例如：
var colorArray = [
{ code: "#4286f4", name: "Blue" },
{ code: "#fc4d02", name: "Red" }
]
var hashTable = {}
colorArray.forEach(color => {
hashTable[color.code] = color.name
})
对于对象文本来说，这是一个可以接受的使用，还是有
浏览 1提问于2017-11-21得票数 6
回答已采纳
4回答
我尝试使用es6映射对象，它有一个方便的map.get()方法，而不是使用object文本语法来访问对象中的嵌套值。我尽量避免使用普通的Javascript对象来执行以下操作。
// access deeply nested values...
obj['k1'] &&
obj['k1']['k2'] &&
obj['k1']['k2']['k3']
我构建的地图是错误的吗？只有map.get('k1')可以工作(无法获得嵌套的映射值，只有k1:下的所
浏览 152提问于2018-06-28得票数 1
我有一个像这样的HashMap
Map<String , String>
当我按键从地图中得到一个元素时，它会返回。
["6"]我只需要6，而不是["6"]
该值如下所示
map.put(k , jsonarray.toString()) ;
谢谢
浏览 0提问于2017-03-26得票数 0
回答已采纳
如何创建可以扩展其值列表的映射。例如，我有一个包含:键A和值B {1,2,3}的列表的映射。然后在程序运行的某个时候，我想增加更多的值，例如:4到列表B。现在我的新地图应该是：(A，{1,2,3,4})。我怎么能这么做？
浏览 15提问于2017-05-29得票数 4
回答已采纳
我正在开发一个安卓应用程序，我有一张地图，其中我在onCreate中放了一些条目。此映射的形式如下：
Map<String, Map<Integer, Integer[]>> map
我打算对它做的是，随机选择一个字母，然后随机选择一个数字，然后返回整数列表。我打算放入大约一千个数字和它们对应的列表，比如(这是一个草稿)：
map.put("A").put(1, new int[]{1,2,3,4,5,6,7,8,9,10});
map.put("A").put(2, new int[]{2,3,4,5,6,7,8,9,10,11});
浏览 0提问于2021-05-06得票数 2
我有一个简单的Hello应用程序，只有一个路径，没有子路径或索引路径。对于路由，我使用而不是jsx系统。再次，我是使用反应路由器的来加载webpack的Hello .我的app.jsx文件有以下代码。
import React from "react";
import ReactDOM from "react-dom";
import {Router, browserHistory} from "react-router";
import Hello from "./components/Hello";
const rout
浏览 4提问于2016-03-24得票数 7
回答已采纳
(免责声明:我是第一次接触React和React-Router，所以这对更熟悉的人来说可能是显而易见的)
我正在用React-Router 2.5.2和ES6创建一个简单的项目，我有一个有效的解决方案，但感觉它可能不是"React Router way“。我有这样的路由：
<Route path="lists/:listId" component={List}/>
在其他地方我有一个链接：
<Link to={`/lists/${props.list._id}`}>{props.list.name}</Link>
这是组成传递动态内容
浏览 0提问于2016-07-08得票数 12
回答已采纳
3回答
我被赋予了一项任务，要改变以升级现有的任务。
在假设问题的大小取决于输入行的数量而不是500条终端线的前提下，找出如何使用每条终端线的地图重新编写资格考试问题
该程序接受一个文本文件，其中有数字，名称。这个号码是PC号码，名字是登录的用户。该程序为每台登录次数最多的pc返回用户。这是现有的代码
public class LineUsageData {
SinglyLinkedList<Usage> singly = new SinglyLinkedList<Usage>();
//function to add a user to the linke
浏览 7提问于2015-09-26得票数 5
回答已采纳
我尝试过跟踪和，但是在触发ReactRouter.match时，对所有回调参数都没有定义。
这是我的服务器：
var app = new (require('express'))()
var port = 3000
var ReactDomServer = require('react-dom/server');
var ReactRouter = require('react-router');
var routes = require('./es6/routes.js');
app.use(function(req, re
浏览 3提问于2016-06-06得票数 0
回答已采纳
1回答
我有一张这样的地图 此类用作键 class Key {
private final String type;
private final String qualifier;
// getters, equals and hashCode
} 地图是HashMap<Key, Object>格式的 我不知道HashMap<String, HashMap<String, Object>>是不是更好的选择。(在这种情况下，映射类似于keyType -> {keyQualifier -> value，otherQualifier
浏览 20提问于2020-10-02得票数 0
回答已采纳
1回答
我有以下excel表，我想将它绑定到键值对的映射。(使用JXl解析数据)我希望数据结构是这样的
Map<String,Map<String, List<String>>> map
其中关键字将是阶段请求集，然后我们有阶段请求和阶段序列的映射。
我已经能够在地图i:e Map<String, List<String>>部件中创建地图
如何将映射添加到映射中，其中它将是某个键的值。
for(int i = 3;i<sheet.getRows();i++){
浏览 15提问于2017-01-19得票数 1
回答已采纳
我正在用侧边栏构建一个应用程序。最初，该侧边栏是静态的(没问题)，但现在我希望它能够使用Reactive路由器根据路由动态更新。
它非常类似于作为文档一部分提供的示例，因此我着手将侧栏示例修改到我现有的应用程序中。
下面是传递路由的路由器代码--一个组件：
import React from 'react';
import ReactRouter from "react-router";
import {Router} from 'react-router';
import {Route} from 'react-router';
浏览 0提问于2015-11-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
