react+mobx+eslint提示'account' is missing in props validation

新手上路,请多包涵

在react项目中使用mobx,eslint提示需要对mobx的参数进行验证

register.jsx

function Register(props) {
  const [form] = Form.useForm();
  const [formValidate, setFormValidate] = useState({ ...formValidateState });
  console.log(props.account); // 就是在这一行报错
  return <></>
}

store.js

import Account from './account';

const store = {
  account: new Account(),
};

export default store;

account.js

import {
  makeObservable,
  observable,
  action,
} from 'mobx';
import ajax from '@/common/ajax';

class Account {
  @observable
  accountInfo = {
    id: '',
    name: '',
    permission: '',
    image: '',
    createTime: '',
  };

  constructor() {
    makeObservable(this);
  }

  @action.bound register = async function({ id, password, passwordAgain }) {
    return await ajax.post('/api/account/register', {
      id,
      password,
      passwordAgain,
    });
  }
}

export default Account;

.eslintrc.js

module.exports = {
    'env': {
        'browser': true,
        'es2021': true
    },
    'extends': [
        'eslint:recommended',
        'plugin:react/recommended'
    ],
    'parserOptions': {
        'ecmaFeatures': {
            'jsx': true
        },
        'ecmaVersion': 12,
        'sourceType': 'module',
        'legacyDecorators': true
    },
    'plugins': [
        'react'
    ],
    'rules': {
        'indent': [
            'error',
            2
        ],
        'quotes': [
            'error',
            'single'
        ],
        'semi': [
            'error',
            'always'
        ],
        "no-var":2, // 禁止使用var
        "no-unused-vars": 2, //禁止出现未使用过的变量
        "no-trailing-spaces": 2, //禁止禁用行尾空格
    }
};

image.png
'account' is missing in props validation 有没有大佬知道这个错误要怎么修改

阅读 2.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题