Reactjs 将react库导入代码笔（即道具类型）

在codepen上有一个很好的简单的react ES6示例

我想用它作为我想在react类型检查中进行的一些调查的基础，即“defaultProps”特性

“DefaultProperties”是一个非常简单的类型检查功能，但不幸的是，它现在位于另一个库中。在我的组件顶部，我必须像这样导入它：

import PropTypes from 'prop-types';

---

我需要在codepen中执行哪些步骤才能导入外部react库？似乎无法导入最基本的react库。

您需要在笔中包含

道具类型
库。为此：

单击画笔右上角的设置按钮：
选择“JavaScript”选项卡
将预处理器设置为“Babel”
将
react
、
react dom
和
prop类型
添加到外部资源中
反应：
反应dom：
道具类型：

这是设置窗口的外观：


然后，在javascript中，您可以访问
PropTypes
：

const DumbButton = ({ name, label, onClick }) => (
  <button name={name} onClick={onClick}>{label}</button>
)

DumbButton.propTypes = {
  label: PropTypes.string.isRequired,
  name: PropTypes.string.isRequired,
  onClick: PropTypes.func.isRequired,
}

const DumbButton=（{name，label，onClick}）=>(
{label}
)
DumbButton.propTypes={
标签：PropTypes.string.isRequired，
名称：PropTypes.string.isRequired，
onClick:PropTypes.func.isRequired，
}

请参阅此示例。
谢谢，但如何从道具类型中明确导入道具类型？如果我正在导入的另一个js库中有另一个PropTypes呢？我需要能够像对待节点/ES6“导入”一样进行区分。您不能导入，必须使用脚本的浏览器版本。无法导入的原因是codepen没有生成，只是运行。也许可以试一试？