如果要渲染一组数组 应该使用数组的map方法

注意：渲染列表时候添加key属性 key属性的值要保持唯一

原则:map()遍历谁 就给谁添加key属性

尽量避免索引号作为key

//导入react
import React from "react"

import ReactDOM from "react-dom"

//第一步创建jsx创建react元素

// const fangfang=
我是方方
// const name="geyao"
// const sayHi=()=>"geyao"
// const title =(

//     
hello {name}
//     
{sayHi()}
//     
{1}
//     {fangfang}
// 
) 
const songs=[
    {id:1,name:"geyao"},
    {id:2,name:"fangfang"},
    {id:1,name:"nannan"}
]
const isLoading=true
const lodingData=()=>{
    if(isLoading){
        return 
loading...
    }
    return 
数据加载完成，此处显示加载后的数据
}
const list=(
    

        {songs.map(item=>(
{item.name}
))}
    
)
const title=(
    

        条件渲染:
        {lodingData()}
        {list}
    
   
)
//第二步渲染React元素
ReactDOM.render(title,document.getElementById("root"))

运行结果