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

Question

我有两个文件

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;

但是我收到了一个错误

TypeError: Cannot read property 'map' of undefined

同样在我的vs代码终端中，我提到了以下内容

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

Answer 1

“无用的构造函数”是林特警告你可以安全地从代码中删除的构造函数，因为它不会完成任何事情-如果你只有一个super调用(使用创建类时使用的相同参数)，构造函数不会做任何有用的事情，因为如果没有给定constructor，类已经自动调用了super：

​

class Parent {
  constructor(name) {
    console.log('parent constructor running', name);
  }
}
class Child extends Parent {}

const c = new Child('bob');

​

因此，linter告诉您删除以下行：

constructor(props){
    super(props);
}

由于Subjects标识符并未在任何地方使用，因此也可以将其删除。删除该行：

import {Subjects} from './subjects'