JavaScript风格，如何应用两个类

Question

让我描述一下我的问题:

我有一个如下所示的 React 组件

import React from 'react';

class Question extends React.Component{
  render(){
    return <div className="view fourth-effect">  
      <a 
        href={this.props.link} 
        title="Full Image">
          <img src={this.props.image}/>
      </a>  
      <div className="mask"></div>  
      <span className='title'>{this.props.title}</span>
      <span className='owner'>{this.props.owner}</span>
    </div> 
  }
}

Question.propTypes = {
  title: React.PropTypes.string.isRequired,
  owner: React.PropTypes.string.isRequired,
  image: React.PropTypes.string.isRequired,
  link : React.PropTypes.string.isRequired
};

Question.defaultProps = {
  title: 'none',
  owner: '-',
  image: '-',
  link : '-'
};

export default Question

对于样式，我使用 css 文件。现在我很感兴趣在 React 中使用内联样式，但我卡住了......

如何像在 css 中那样为 React 元素应用两个类

<div className="view fourth-effect"> 

仅仅使用 JS 对象应该是这样的......

<div style={Style.question}> /*JS style object*/

如何在 React 中使用内联样式组合两个类？

提前致谢!

Answer 1

style 属性还接受一个数组。所以你可以这样做:

<div style={[Style.question, Style.new]}>