美文网首页
prop-types检测props数据类型

prop-types检测props数据类型

作者: hanxianshe_9530 | 来源:发表于2019-10-23 11:21 被阅读0次

https://www.npmjs.com/package/prop-types

https://reactjs.org/docs/typechecking-with-proptypes.html

https://reactjs.org/blog/2017/04/07/react-v15.5.0.html#migrating-from-react.proptypes

import PropTypes from 'prop-types';

class Greeting extends React.Component {
  render() {
    return (
      <h1>Hello, {this.props.name}</h1>
    );
  }
}

Greeting.propTypes = {
  name: PropTypes.string
};

propTypes 和 defaultProps

propTypes:
类型检查:

Greeting.propTypes = {
  name: PropTypes.string
};

defaultProps:
设置默认值

Greeting.defaultProps = {
  name: 'Stranger'
};

相关文章

网友评论

      本文标题:prop-types检测props数据类型

      本文链接:https://www.haomeiwen.com/subject/cughvctx.html