我如何解决 eslint 警告 - 'component' 已声明但其值从未被读取 - 当我实际使用该组件时

Question

我收到了 'sellerDetails' 这个奇怪的错误声明，但它的值从未在我调用组件的文件中读取过。我正在使用它。就在一天前的一天，我开始收到这个错误，现在即使我导入了它也没有在 dom 中呈现的组件。所以我不明白为什么我收到警告但我已经使用了该组件。最糟糕的是组件没有在 dom 中呈现。下面是我的代码。

我还附上了代码的屏幕截图，以便您看到 eslint 向我显示的警告。

import React from 'react';
import Grid from '@material-ui/core/Grid';
import Container from '@material-ui/core/Container';
import sellerDetails from './sellerDetails.Component';

const SingleAd = () => (
  <Container maxWidth='lg'>
    <Grid container spacing={1}>
      <Grid item container xs={12} sm={8} spacing={2}>
        <Grid item>
          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Blanditiis
          illo earum minima. Nulla nam eligendi sequi illo voluptas doloremque
          consequuntur, enim accusantium itaque quod nihil quis sed animi
          officiis repellendus.
        </Grid>
      </Grid>
      <Grid item container xs={12} sm={4} spacing={2}>
        <Grid item>
          <sellerDetails />
        </Grid>
      </Grid>
    </Grid>
  </Container>
);
export default SingleAd;

从附图中我希望你能看到 sellerDetails 是微弱的意思它还没有被使用我已经在我的代码中使用它

Answer 1

将您的组件名称更改为 SellerDetails，警告将得到解决。组件名称应以大写字母开头

我如何解决 eslint 警告 - 'component' 已声明但其值从未被读取 - 当我实际使用该组件时

How can i solved eslint warning -- 'component' is declared but its value is never read -- when i am actually using the component

reactjs

eslint

next.js