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>

   }

})