react使用link跳转传递参数_web前端React项目——详情页

主要内容详情页跳转、详情页面及路由、轮播图组件使用、封装Tab标签页、房屋评价滚动加载更多、收藏功能登录验证和收藏功能。

第一节 详情页跳转

搜索列表修改：

给列表元素项添加Link标签，to属性添加跳转路由名称以及id

<Link to={’/details/’+data.id}>
<div className='searchitem'>
        ...
</div>
</Link>

第二节 详情页面及路由

1.创建详情页：

import React from ‘react’
export default class Details extends React.Component{
   ...
}

2. 定义路由：

<Route path=’/details/:id’ component={Details} />

第三节 轮播图组件使用

1.请求详情数据：

2.引入公