原型isRequired未定义

Question

我正在学习reactjs，我想使用PropTypes，在一些例子中，我看到了一些类似于PropTypes.string.isRequired的东西。但是，如果我写这个，我会得到一个错误，isRequired是未定义的。

    import React from "react";
import PropTypes from "prop-type";
import classnames from "classnames";

const TextFieldGroup = ({ field, value, label, error, type, onChange }) => {
  return (
    <div className={classnames("form-group", { "has-error": error })}>
      <label className="control-label">{label}</label>
      <input
        value={value}
        onChange={onChange}
        type={type}
        name={field}
        className="form-control"
      />
      {error && <span className="help-block">{error}</span>}
    </div>
  );
};

TextFieldGroup.propTypes = {
  field: PropTypes.string.isRequired,
  value: PropTypes.string.isRequired,
  label: PropTypes.string.isRequired,
  error: PropTypes.string,
  type: PropTypes.string.isRequired,
  onChange: PropTypes.func.isRequired,
  checkUserExists: PropTypes.func.isRequired
};

TextFieldGroup.defaultProps = {
  type: "text"
};

export default TextFieldGroup;

我希望有人能帮忙，谢谢！

Answer 1

是道具型但不是道具型。您正在导入道具类型，而不是道具类型。正确的模块是支柱类型。

所以你需要安装

  npm i —save prop-types

然后像这样导入

 import PropTypes from "prop-types"