undefined问题的处理

import React, { Component } from 'react'

// 将对象转换为Url的params形式

// let obj = {name:'tom', age:18}

// const params = new URLSearchParams(obj);

// console.log(params.toString());

// 将Url的params转换为对象

// let str = 'carName=奔驰&price=10000';

// const params = new URLSearchParams(str);

// console.log(params);

// console.log(params.get('carName'));

// console.log(params.get('price'));

export default class Detail extends Component {

  DetailData = [

    {id:'01', content:'你好，中国'},

    {id:'02', content:'你好，尚硅谷'},

    {id:'03', content:'你好，未来的自己'},

  ];

  render() {

    console.log(this.props);

    // // 接收params参数

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

    // // 取url参数

    // const { search } = this.props.location

    // // 将截取后的字符串对象化

    // const searchParams = new URLSearchParams(search.slice(1))

    // const id = searchParams.get('id')   // 12431243

    // const title = searchParams.get('title') // 2

    // 取state参数

    const { id, title } = this.props.location.state || {}

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

      return id===detailObj.id;

    }) || {};

    return (

      <ul>

        <li>Id:{id}</li>

        <li>Title:{title}</li>

        <li>Content:{findResult.content}</li>

      </ul>

    )

  }

}