React 校验库 prop-types 安装与详细使用




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应用中渲染。

React 校验库 prop-types 安装与详细使用

评论已关闭

推荐阅读