react常見錯誤解決

最近在做react項目的時候遇到了幾個報錯,這幾個報錯在react項目還算常見,因此記錄下來解決方法。


’type’ is missing in props validation
報錯:type缺少props驗證
解決:
1.查看下propTypes是否寫成大寫了,因爲我們引入的時候是大寫的,所以很多小夥伴可能直接複製過來就成大寫了,也會報錯哦
2.新增type: PropTypes.number

import PropTypes from 'prop-types';
const ReportOperate = ({ logId, type }) => {
  return <>
    <a href='javascript:;' onClick={() => handleJump(record.logId, record.type)} style={{ color: '#1DA57A' }}>查看詳情</a>
    <a href={record.filePath} style={{ marginLeft: 20, color: '#1DA57A' }}>下載日誌</a>
  </>
}
ReportOperate.propTypes = {
  logId: PropTypes.number,
  type: PropTypes.number,//加上這句就好了
}
export default ReportOperate
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章