react 页面 参数怎么传递

Posted 2023-03-23

参考技术A Java 应用程序按值传递参数(引用类型或基本类型)，其实都是传递他们的一份拷贝.而不是数据本身.(不是像 C++ 中那样对原始值进行操作。)

例1:
Java代码
//在函数中传递基本数据类型，
public class Test

public static void change(int i, int j)
int temp = i;
i = j;
j = temp;


public static void main(String[] args)
int a = 3;
int b = 4;
change(a, b);

System.out.println("a=" + a);
System.out.println("b=" + b);



结果为:
a=3
b=4
原因就是 参数中传递的是 基本类型 a 和 b 的拷贝,在函数中交换的也是那份拷贝的值 而不是数据本身;

例2:
Java代码
//传的是引用数据类型
public class Test

public static void change(int[] counts)
counts[0] = 6;
System.out.println(counts[0]);


public static void main(String[] args)
int[] count = 1, 2, 3, 4, 5 ;
change(count);



在方法中 传递引用数据类型int数组，实际上传递的是其引用count的拷贝，他们都指向数组对象，在方法中可以改变数组对象的内容。即:对复制的引用所调用的方法更改的是同一个对象。本回答被提问者采纳

React-页面路由参数传递的两种方法

list页->detail页

方法一：路由参数

路由导航：

用“/”

<Link to={‘/detail/‘+item.get(‘id‘)} key={index}>

路由map：

加"/：id"

<Route exact path="/detail/:id" component={Detail} />

detail页获取参数：

准确的获取到id，不需要做处理

this.props.match.params.id

方法二：查询参数

路由导航：

用“？”

<Link to={‘/detail?‘+item.get(‘id‘)} key={index}>

路由map：

不加"/：id"

<Route exact path="/detail" component={Detail} />

detail页获取参数：

不能准确的获取到id，需要做处理

this.props.location.search