Javascript 如何将内容一分为二并添加一个类

我有一个显示当天新闻的代码。我想将我的内容分为两部分，即，对于第一个块，创建一个名为“news1”的类，对于第二个块，创建一个名为“news2”的类，如图所示，我如何做到这一点？这是我的密码

import React from 'react';
import newsStyle from './News.module.css';

export class News extends React.Component {
    render() {

        const resultsRender = [];


        for (var i = 0; i < this.props.news.length; i += 2) {
            resultsRender.push(
                <div className={newsStyle.block}>
                    {
                        this.props.news.slice(i, i + 2).map((news, index) => {
                            return (
                                <div className={index % 2 === 0 ? newsStyle.leftContentNews : newsStyle.rightContentNews} key={index}>
                                    <p className={newsStyle.newsTitle}>{news.title}</p>
                                </div>
                            );
                        }

                        )
                    }
                </div>
            );
        }

        return (
            <div>
                <div className={newsStyle.headlineSecond}>
                    <div className={newsStyle.Second}>
                        {resultsRender}
                    </div>
                </div>
            </div>
        );
    }
}

从“React”导入React；
从“/News.module.css”导入新闻样式；
导出类News扩展React.Component{
render（）{
常量resultsRender=[]；
for（var i=0；i{
返回(
{news.title}
);
}
)
}
);
}
返回(
{resultsRender}
);
}
}

在这种情况下，您需要为每个列添加一个

，并将每种类型的新闻附加到列的div中。

、flexbox、CSS网格或

显示：“表”

。许多样式选项。。。太多，无法提供具体帮助。您尝试过哪些不起作用的方法，我们可以提供帮助？