在我的/home
页面上,我有以下链接设置。按下链接后,我要将变量stockRow
传递到/quotes
页面。
<Link to = "/quotes" params={{ testvalue: stockRow }} >
在我的/quotes
页面上,我想知道如何获取该变量?
export default function Quotes() {
let variable = //Grab stockRow
return (
);
}
答案 0 :(得分:2)
通过更多研究更新了答案:
以下是使用Link
传递数据的不同方法
第一种方法:
<Link to={{pathname: `quotes`, search: `?testvalue=${stockRow}`}} />
const search = props.location.search;
const params = new URLSearchParams(search);
const testvalue = params.get('testvalue');
console.log(testvalue);
第二种方法:
<Route path="/quote/:testvalue" component={Quotes} />
<Link to=`/quotes/${stockRow}`>Go To Quotes Page</Link>
export default function Quotes(props) {
let variable = props.match.params.testvalue
return (
);
}
第三种方法:
to
的{{1}}属性中的数据作为Link
值传递state
<Link to={{
pathname: '/quotes',
state: { testvalue: stockRow }
}}> My Link </Link>
答案 1 :(得分:0)
您可以通过路由器 params
访问传递的值export default function Quotes({match}) {
const { testvalue } = match.params;
console.log(testvalue);
return (
);
}