19 嵌套路由

 1 import React, { Component } from ‘react‘
 2 
 3 export default class Messages extends Component {
 4     state={
 5         messagesArr:[]
 6     }
 7     componentDidMount(){
 8         let {messagesArr}=this.state;
 9         messagesArr = [
10             { id: 1, title: ‘message01‘, content:‘你好,message01‘},
11             { id: 2, title: ‘message02‘, content: ‘你好,message02‘},
12             { id: 3, title: ‘message03‘, content: ‘你好,message03‘}]
13         this.setState({messagesArr})
14     }
15     render() {
16         const {messagesArr}=this.state;
17         return (
18             <div>
19                 <ul>
20                     {
21                         messagesArr.map((message,index)=>
22                         <li key={index}>
23                                 <a href="???">{message.title}</a>  //这里herf 中填 messages/messagesdetail/1 ,最后的是 messages的id,不能写死
24                         </li>
25                         )
26                     }
27                 </ul>
28             </div>
29         )
30     }
31 }