你能告诉我他们的代码之间是否有任何区别。如果他们是，那么背后的原因是什么？ [关闭]答案

【问题标题】：Can u please tell me if their is any difference between the codes. And if their is, Then what is the reason behind it? [closed]你能告诉我他们的代码之间是否有任何区别。如果他们是，那么背后的原因是什么？ [关闭]
【发布时间】：2021-06-19 12:20:08
【问题描述】：

import React from 'react'; import {Link} from 'react-router-dom';

function CardItem(props) {  return (        <>       <li className='cards__item'>
          <Link className='cards__items__link' to={props.path}>
           <figure className='cards__item__pic-wrap' data-category={props.label}>
            <img
            className='cards__items__img' 
            alt='Travel Image'
            src={props.src}             />
           </figure>
            <div className='cards__item__info'>
             <h5 className='cards__item__text'>{props.text}</h5>
            </div>   
          </Link>        </li>      </>         ); }

export default CardItem;

它输出为 ------[页面被放大，用作卡片的图像本身太大以至于它们不会出现在页面本身上。他们以杂乱无章的方式展示自己。][1]

import React from 'react'; import { Link } from 'react-router-dom';

function CardItem(props) {   return (
    <>
      <li className='cards__item'>
        <Link className='cards__item__link' to={props.path}>
          <figure className='cards__item__pic-wrap' data-category={props.label}>
            <img
              className='cards__item__img'
              alt='Travel Image'
              src={props.src}
            />
          </figure>
          <div className='cards__item__info'>
            <h5 className='cards__item__text'>{props.text}</h5>
          </div>
        </Link>
      </li>
    </>   ); }

export default CardItem;

按要求输出In this the images display themselves correctly and inline as desired and styled

【问题讨论】：

请忽略行的格式，因为两者都是一样的！
我们应该比较什么？很难知道哪些样式适用于会使事物呈现不同的类。也不清楚为什么你会使用片段而不只是返回 li。
那么您需要社区支持来区分文件吗？
我是一个新的反应和练习的学习者，我自己编写代码但遇到错误并尝试调试它们但无法这样做，因此将问题发布到社区。跨度>

标签： javascript css reactjs react-router

【解决方案1】：

代码一有className='cards__items__img'，代码二有className='cards__item__img'。

代码一有className='cards__items__link'，代码二有className='cards__item__link'。

Items 在第一个代码上是复数，在第二个代码上是单数。原因？我不知道，但第一个代码的格式很差。

【讨论】：

感谢您的回答，我无法得到它。