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

Posted 2023-02-22

【中文标题】你能告诉我他们的代码之间是不是有任何区别。如果他们是，那么背后的原因是啥？ [关闭]

【英文标题】：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

【问题描述】：

1.

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]

2.

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。

那么您需要社区支持来区分文件吗？

我是一个新的反应和练习的学习者，我自己编写代码但遇到错误并尝试调试它们但无法这样做，因此将问题发布到社区。跨度>

【参考方案1】：

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

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

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

【讨论】：

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