複数のインライン スタイル オブジェクトを結合するにはどうすればよいでしょうか? 質問する

React では、オブジェクトを明確に作成し、それをインライン スタイルとして割り当てることができます。つまり、以下のようにします。

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

var divStyle2 = {fontSize: '18px'};

React.render(<div style={divStyle}>Hello World!</div>, mountNode);