在 react 中使用 Array.map.js

Question

我在 react js 中使用 map 时遇到错误。此问题的解决方案可能是什么？代码如下：Uncaught TypeError: this.state.salaryDetails.map is not a functionimport React, { Component } from 'react';import httpBrowsing from './../../../utils/httpBrowsing';import { NativeSelect, FormControl } from '@material-ui/core'export class Salary extends Component {constructor() {    super();    this.state = {        salaryDetails: '',        data: {            employeeName: '',            year: '',            month: ''        }    }}handleChange = (e) => {    const { name, value } = e.target;    this.setState((pre) => ({        data: {            ...pre.data,            [name]: value,            employeeName: this.state.salaryDetails.filter((item) => item[name] === value)        }    }))}componentDidMount() {    httpBrowsing.get('/addemployee', true)        .then((data) => {            this.setState({                salaryDetails: data.data,            })        })        .catch(err => {            console.log("error", this.state);            debugger;        })}我尝试使用来自数据库的选项，使用本机选择的材料UI，但显示错误.可能是什么问题 ？问题可能是什么？我该如何解决问题？请为我提供解决方案。

Answer 1

查看组件中的构造函数，状态初始化为空字符串 。salaryDetails''

Array.map()只能在数组上使用。因此，应将状态初始化为空数组。salaryDetails

this.state = {

  salaryDetails: [],

  data: {

    employeeName: '',

    year: '',

    month: '',

  },

}