反应道具

Question

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”模块。 推荐哪种方法？

Answer 1

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

当你做

Greeting.propTypes = {
      name: String
    };

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

通过使用这个

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

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