reactjs - 如何组合多个内联样式对象？

Question

在 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);

如何组合多个对象并将它们分配在一起？

Answer 1

如果您使用 React Native，则可以使用数组表示法:

<View style={[styles.base, styles.background]} />

查看我的详细blog post关于这个。