React 中style的使用

    React中style的使用和直接在HTML中使用有些不同，第一，React中必须是style="opacity:{this.state.opacity};"这种写法，第二如果多个style格式如下，多个style中间使用逗号分割

var divStyle = {
  color: 'white',
  backgroundImage: 'url(' + imgUrl + ')',
  WebkitTransition: 'all', // note the capital 'W' here
  msTransition: 'all' // 'ms' is the only lowercase vendor prefix
};

但是在html中我们通常直接使用，多个style中间使用分号;

    white text2

   
    
     nihao

代码示例给出一个表格中文本的颜色和文本框背景颜色的示例：

最终效果图如下：