React条件渲染

react条件渲染

state={
    id:1
}
//以下是render
{
    
    return (
    this.state.id === 1 ? 
    <div>
       渲染条件为1的dom
    </div>
    :
    <div>
      渲染条件不为1的dom
    </div>
    )
}

img图片路径问题

//img的src需要require('路径')
//backgroundImage需要字符串拼接


<img src={require('../accets/i.jpg')} />

//注意如果是json返回的cdn地址直接写即可,例如
<img src={item.imgUrl} />


<div style={{backgroundImage:'url('+require('../accets/1/jpg') +')'}}></div>