如何為偶數和奇數創建 React 類

Question

**我有一個顯示當天新聞的代碼。 https://ibb.co/QMLY2Kx我有 10 個名為“ block ”的類。 在“ block ”類中有兩個名為“ blockText ”的類。 我需要得到兩個不同的類名而不是相同的，我想得到這個結果“ blockText1 ”和“ blockText2 ”。 怎么做？ **

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 class="block">
                    {
                        this.props.news.slice(i, i + 2).map((news, index) => {
                            return (
                                <div class="blockText" key={index}>
                                    <p class="text">{news.title}</p>
                                    {console.log(this.props.news.length)}
                                </div>
                            );
                        }

                        )
                    }
                </div>
            );
        }

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

Answer 1

您可以為此使用三元運算符。 這是一個示例，我根據索引的值選擇類的值並決定它是偶數還是奇數

<div class={ index%2 ===0 ? "blockText1": "blockText2" } key={index}>

    .....  rest of code 

</div>