我在 Div 中有一個通過 react 呈現(xiàn)的值列表（在稱為 cardItem 的組件中）。我想為包含所有渲染行的 div 設(shè)置樣式，但我不知道該怎么做。我嘗試為組件設(shè)置樣式 - 但這不起作用，例如  return (    <Fragment>      <h2>{current.title}</h2>      <p>{current._id}</p>      {cards !== null && !loading ? (        <TransitionGroup>          {filtered !== null            ? filtered.map(card => (                <CSSTransition key={card._id} timeout={500}>                  <CardItem card={card} />                </CSSTransition>              ))            : cards.map(card => (                <CSSTransition key={card._id} timeout={500} classNames='item'>                  <CardItem id='MytestiedID' className='collection' card={card}  />                </CSSTransition>              ))}        </TransitionGroup>      ) : (        <Spinner />      )}    </Fragment>  );};我想像這樣使用 materialize 設(shè)置輸出樣式   <div class="collection">        <a href="#!" class="collection-item">Alvin</a>        <a href="#!" class="collection-item active">Alvin</a>        <a href="#!" class="collection-item">Alvin</a>        <a href="#!" class="collection-item">Alvin</a>      </div>cardItem 組件在這里import React, { useContext } from 'react';import PropTypes from 'prop-types';import CardContext from '../../context/card/cardContext';const CardItem = ({ card }) => {  const cardContext = useContext(CardContext);  const { deleteCard, setCurrentCard, clearCurrentCard } = cardContext;  const { _id, label, summary, creatorId, documentId, linkUrl } = card;  const onDelete = () => {    deleteCard(_id);    clearCurrentCard();  };