``` function Hao(props){ const names = props.names.map((name,i)=>{ return( <li key={i}>{name.name}</li> ) }) return( <div>{names}</div> ) } export default Hao ``` ``` import Hao from './index9152'; ``` ``` <Hao names={this.state.names} /> ```