Javascript 更新停止工作后反应道具解构?
我真的很困惑,我习惯于创建无状态组件和道具分解。升级至React和Eslint及Webpack的最新版本后。突然,我发现以下错误:Javascript 更新停止工作后反应道具解构?,javascript,reactjs,Javascript,Reactjs,我真的很困惑,我习惯于创建无状态组件和道具分解。升级至React和Eslint及Webpack的最新版本后。突然,我发现以下错误: ./src/components/Blog/Post.js Line 4: 'title' is missing in props validation react/prop-types Line 4: 'description' is missing in props validation react/prop-types 为什么这会
./src/components/Blog/Post.js
Line 4: 'title' is missing in props validation react/prop-types
Line 4: 'description' is missing in props validation react/prop-types
为什么这会停止工作
我还用支票把道具包好了。。但仍然得到同样的错误
我的代码:
import React from 'react';
const Post = props => {
const { title, description } = props;
return (
<article>
<header>
{title && <h2>{props}</h2>}
{description && <p>{description}</p>}
</header>
</article>
);
};
export default Post;
从“React”导入React;
const Post=props=>{
常量{title,description}=props;
返回(
{title&&{props}}
{description&{description}}
);
};
导出默认帖子;
它们是提醒您添加的警告
这真的很重要吗?在任何组件中使用它是最佳实践吗?@Galanthus是的,在组件中记录道具类型的最佳实践是状态完整/无状态。随着应用程序的发展,你可以通过类型检查发现很多错误。对于某些应用程序,您可以使用诸如Flow或TypeScript之类的JavaScript扩展来对整个应用程序进行类型检查。但是即使你不使用这些,React也有一些内置的类型检查功能。谢谢你,我的朋友,给你的建议。将一直使用这些。因此,基本上,它总是会检查是否有可用的道具,对吗?@Galanthus Yes,例如,当您说
说明:PropTypes.string.required
,当您提到说明:PropTypes.string
时,它会检查未定义的值的类型。
import PropTypes from 'prop-types';
// ...
// This will remove warnings.
Post.propTypes = {
title: PropTypes.string,
description: PropTypes.string,
};