React如何动态插入一个元素

Question

点击button生成一个新的li，li中每个元素都有自己的行内样式（style={style}这种形式），请问在handlieClick中该如何写？

var Demo = React.createClass({
  render:function(){
     handleClick:function(){
      .....
     },
     let style = {
       color:"red",
       width:"100%",
       省略....
     };
     return <div>
              <ul>
                <li style={style}>
                  <span>这是背景图</span>
                  <div>
                   这是主体
                  </div>
                  <a>查看详情</a>
                </li>
              </ul>
              <div><button onClick={this.handleClick}>创建新的li</button></div>
            </div>

   }
})

Answer 1

state设一个array，每次click触发事件push新的数据到array里。render里对这个array做map展示视图

Answer 2

通过改变数据 驱动 UI 变化 实现你的增加节点功能