React(1)，一线互联网架构师Android框架体系架构

• {/* 向路由组件传递params参数 */}

  {/* <Link to={ /home/message/detail/${msgObj.id}/${msgObj.title}}>{msgObj.title} */}

  {/* 向路由组件传递search参数 */}

  {msgObj.title}

  )

  })

  }

  ---

  {/* 声明接收params参数 */}

  {/* */}

  {/* search参数无需声明接收，正常注册路由即可 */}

  )

  }

  import qs from ‘querystring’

  export default class Detail extends Component {

  render() {

  console.log(this.props);

  // 接收params参数

  // const {id,title} = this.props.match.params

  // 接收search参数

  const {search} = this.props.location

  const {id,title} = qs.parse(search.slice(1))

  const findResult = DetailData.find((detailObj)=>{

  return detailObj.id === id

  })

  return (
• ID:{id}
• TITLE:{title}
• CONTENT:{findResult.content}

• )