javascript - 显示表数据时不断获取“未定义的地图”，React 挂钩

Question

我正在尝试使用 State 将输入更改为“年”时显示年份，但我遇到了问题。

const handleChange = (e, countMonth,countYear) =>{

      
  if(e.target.value === 'months'){
    setMonths(countMonth)

  } else if( e.target.value === 'year'){
    setMonths(countYear)
  
  }


}

当使用此地图方法单击年份时，我正在尝试显示不同的数据：

      <tbody>
        {
          months.map(({ date, count }, index) => (
          <tr key={index}>
            <td>{date}</td>
            <td>{count}</td>
          </tr>
        ))}
      </tbody>

我不断收到错误'TypeError: Cannot read property 'map' of undefined'

这是完整的沙盒代码：https ://codesandbox.io/s/wizardly-clarke-szge3?file=/src/data.js

Answer 1

在您的沙箱代码中，我尝试放置控制台日志，发现countYear是undefined并且正在设置为months.

理想情况下，您应该countYear在将其设置为状态months[ ] 之前进行验证或修复根本else if( e.target.value === 'year' && countYear)原因countYearundefined

const handleChange = (e, countMonth,countYear) =>{
      
  if(e.target.value === 'months'){
    console.log('countMonth ', countMonth)
    setMonths(countMonth)

  } else if( e.target.value === 'year'){
    console.log('countYear ', countYear)
    setMonths(countYear)
  
  }
}