react中Link传递多个参数 一看就懂

废话不多说没直接上最直接最简单的代码
例如a.js 要传到b.js页面

路由表中直接配置 可以忽略,Link的时候写对就行

import React from 'react';
import {
	HashRouter,
	Route
} from 'react-router-dom';
import Wenda_detail from '../content/wenda_detail/index.js';
const Content = () => (
	
); export default Content;

a.js

	
						  
  • {item.id}
  • b.js
    直接这样获取

    	this.state={
    			id:this.props.location.query.id,
    			content:this.props.location.query.content,
    			userName:this.props.location.query.userName,
    			userImgUrl:this.props.location.query.userImgUrl,
    			questionTime:this.props.location.query.questionTime,
    		}
    

    页面随便找个地方渲染出来

    {this.state.id}
    

    如果对你有帮助,别忘了点个赞

    你可能感兴趣的:(react)