Question

我正在使用Visual Studio代码进行eslint验证，但是似乎无法通过使用test2(100)和提供的属性react-router-dom来克服验证错误。我应该如何验证大括号中封装的属性？

这是我仅使用简单的{match}的尝试。我也尝试过PropTypes，但结果是一样的。我的扩展名是说react-router-prop-types的错误。正常属性的验证非常有效。

'match' is missing in props validation (react/prop-types)

Answer 1

尝试使用小写的“ p”的组件属性propTypes。我还要添加isRequired以确保它是必需的。

function MyFunction({match}) {
    return <div>
        <h1>Something</h1>
        <p>{JSON.stringify(match)}</p>
    </div>;
}

MyFunction.propTypes = {
    match: PropTypes.object.isRequired,
};

希望有帮助！

如何在React中验证路由器提供的匹配属性

1 个答案: