javascript - Eslint 错误处理 React/prop-types

标签 javascript reactjs eslint

我正在使用 Airbnb javascript 标准来检查我的 React 应用程序,但遇到了一个错误,我不知道如何修复。这是我的应用程序中的第一个文件,所有其他组件将在此之后跟随

import React, { Component } from "react";
import PropTypes from 'prop-types';

export default class RootPage extends Component {
render() {
    return <div>{this.props.children}</div>;
    }
}

RootPage.prototype={
    children: PropTypes.node
}

我的 this.props.children 抛出 eslint 错误 Prop 验证中缺少“children”(react/prop-types)

我不知道如何解决它,非常感谢任何帮助

提前致谢

最佳答案

您在 propTypes 中有一个拼写错误(您现在有 prototype),请尝试使用:

RootPage.propTypes={
    children: PropTypes.node
}

关于javascript - Eslint 错误处理 React/prop-types,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49669924/

相关文章:

javascript - Phantom Js、CasperJs 外部脚本无法正确评估

javascript - 搜索过滤器不接受 "Round"作为一个值,因为 "Ground"是每个结果中的一个值

javascript - 如何在 Mobx 中执行可观察函数?

JavaScript 获取数组中最后一项的索引

eslint - 是否有 TSLint/ESLint 规则来防止 (boolean === true) 类型的比较?

javascript - Airbnb 风格指南 :rules for naming conventions not working

javascript - 如何使用 React 同步渲染组件(或渲染到字符串)

javascript - Jasmine beforeEach 未调用

javascript - 如何在 React.js 的单个组件中根据选定的国家/地区下拉列表两次填充州下拉列表数据?

typescript - 是否有 ESLint 规则来防止真实检查