javascript - react Prop

React提供了用于类型检查的原型，如以下代码块所示：

import PropTypes from 'prop-types';

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

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

但是我也可以对'name'属性进行以下操作：

Greeting.propTypes = {
      name: String
    };

在后一种情况下，我不需要包括“ prop-types”模块。推荐哪种方法？

最佳答案

第一种方法是推荐的方法。

当你做

Greeting.propTypes = {
      name: String
    };

您正在proptypes对象内定义一个javascript字符串字段。另外，您将无法通过使用上述命令将道具变成必需的道具。

通过使用这个

Greeting.propTypes = {
          name: Proptypes.string.isRequired
        };

您可以将proptype设置为必需，如果未提供，则显示控制台警告。

关于javascript - react Prop ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46536355/