如何在Codepen中导入React外部库prop-types以使用defaultProps？

没问题，我来告诉你在Codepen里导入prop-types库的具体步骤，这样你就能顺利研究React的defaultProps特性啦：

• 第一步：打开你的React ES6 Codepen项目，找到页面左下角的Settings齿轮按钮，点击进入设置界面。
• 第二步：在设置界面的顶部标签栏，选择JavaScript选项卡。
• 第三步：在该选项卡的Add External Scripts/Pens输入框中，输入prop-types的稳定CDN地址，比如：https://unpkg.com/prop-types@15.8.1/prop-types.min.js，输入完成后按回车，这个库就会被添加到项目依赖中。
• 第四步：回到代码编辑区，你不需要写import PropTypes from 'prop-types';这句代码——因为通过CDN引入的库会直接挂载到全局环境，你直接使用全局的PropTypes变量即可。

举个简单的使用示例：

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

// 定义类型检查
Greeting.propTypes = {
  name: PropTypes.string.isRequired
};

// 设置默认props
Greeting.defaultProps = {
  name: 'Guest'
};

内容的提问来源于stack exchange，提问作者Oliver Watkins