插值

可以放 变量、表达式

render() {
  const elem = <p>{this.state.flage ? 'yes' : 'no'}</p>
  const img = <img src={this.state.url} />
  // vue <img :src="url" />
}

Class

const elem = <p className="title"></p>

Style

const styleData = {fontSize: '30px', color: 'blue'}
const styleElem = <p style={styleData}></p>
// 或者内联写法
const styleElem = <p style={{ fontSize: '30px', color: 'blue' }}></p>

原生HTML

const rawHtml = '<span><b>1</b></span>';
const rawHtmlData = {
  __html: rawHtml // 固定格式
}
const elem = 
  <div>
    <p dangerouslySetInnerHTML={rawHtmlData}></p>
    <p>{rawHtml}</p> <!-- 不会生效 -->
  </div>