Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更新停止工作后反应道具解构?_Javascript_Reactjs - Fatal编程技术网

Javascript 更新停止工作后反应道具解构?

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 为什么这会

我真的很困惑,我习惯于创建无状态组件和道具分解。升级至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
为什么这会停止工作

我还用支票把道具包好了。。但仍然得到同样的错误

我的代码:

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,
};