React的jsx模块中如何引用两个类名

在CSS文件中有以下两个类名，如何同时引用这两个类呢？

.title{
    color: red;
    text-align: center;
    font-weight: 200;
}

.test{
    font-style: italic;
}

如果这样写的话，后面的类会将之前的类覆盖掉：

<h1 className={cssobj.title} className="test">这是评论区列表组件</h1>

并没有达到预期的效果，考虑到类名都是字符串的类型，可以使用以下几个方法：

1. 简单的字符串拼接：

<`h1 className={cssobj.title + ' test'}>这是评论区列表组件</h1>`

2. 转化为数组形式，使用join方法，这种方法还是比较快捷的：

<h1 className={[cssobj.title ,' test'].join(' ')}>这是评论区列表组件</h1>