Reactjs React中的无用构造函数是什么？

我有两个文件

Description.js and
subjects.js

Subject.js文件包含一个主题数组

export const Subjects=[
{
    id:1,
    title:"Mathematics",
    text:"Cheat Sheet for Mathematics",
    img:"./Images/math.jpg",
},
{
    id:2,
    title:"C-programming",
    text:"Cheat Sheet for C-Programming",
    img:"./Images/cprog.jpg",
},
{
    id:3,
    title:"Physics",
    text:"Cheat Sheet for Physics",
    img:"./Images/physics.jpg",
},
{
    id:4,
    title:"Youtube",
    text:"Recomended Youtube videos for Learning",
    img:"./Images/youtube.jpg",
  },

  ]

我想在Description.js中使用这个数组。我正在使用一个映射函数

import React, { Component } from 'react';
import {Subjects} from './subjects'

class Description extends Component{
constructor(props){
    super(props);
}
render(){
    const description =this.props.Subjects.map((subjects)=>{
    return(
    <h1>{subjects.title}</h1>
    )
    })
return(
    {description}
    )
   }
  }
    export default Description;

同样在我的vs代码终端中，我提到了

Line 2:9:  'Subjects' is defined but never used  no-unused-vars        
Line 5:5:  Useless constructor                   no-useless-constructor

“无用构造函数”是指linter警告您可以安全地从代码中删除的构造函数，因为它不会完成任何事情-如果您只有一个

super

调用（与创建类时使用的参数相同），则构造函数不会做任何有用的事情，因为类已经自动调用了

super

，如果没有给出

构造函数

：

类父类{
建造师（姓名）{
log（'正在运行的父构造函数'，名称）；
}
}
类子级扩展父级{}
const c=新子女（“bob”）@CertainPerformance的答案回答了什么是无用的构造函数：基本上是一个ESLint规则，它不允许您拥有什么都不做的构造函数

这应该适用于您希望发生的事情，但是如果这是组件的范围，我会将其放置在功能组件中。为了将此主题数组用作道具，您必须将其导入到另一个组件中，并传递到描述，如


import React，{Component}来自'React'；
从“./Subjects”导入{Subjects}；
类描述扩展了组件{
render（）{
const description=Subjects.map（Subjects=>{
返回{subjects.title}；
});
返回{description}；
}
}
导出默认描述但是我想让主题文件在这里提取那些数组？您没有在代码中的任何位置引用导入。如果你真的想在某个地方引用它，那么你需要调整你的代码。但我使用“导入”导入它，这不管用是的，你正在导入它-这就是问题所在，您没有在任何地方使用“导入”。@AbhilekhGautam您映射数组并返回组件，但最后一行无效，因为React无法将这些
h1
标记放入对象中，然后渲染它。它需要位于HTML元素或React组件中。
Line 2:9:  'Subjects' is defined but never used  no-unused-vars        
Line 5:5:  Useless constructor                   no-useless-constructor