React 校验库 prop-types 安装与详细使用
warning:
这篇文章距离上次修改已过434天，其中的内容可能已经有所变动。
import React from 'react';
import PropTypes from 'prop-types';
// 定义一个简单的组件
function Greeting({ name }) {
return <h1>Hello, {name}</h1>;
}
// 为组件添加属性验证
Greeting.propTypes = {
name: PropTypes.string.isRequired,
};
// 设置属性的默认值
Greeting.defaultProps = {
name: 'Guest',
};
export default Greeting;这段代码首先导入了React和PropTypes库。然后定义了一个名为Greeting的函数组件，它接受一个名为name的属性。使用PropTypes验证name属性是必须的字符串。如果没有提供name属性，组件会使用默认值'Guest'。最后，这个组件被导出，可以在其他组件中使用或在React应用中渲染。
评论已关闭