反應道具

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設置為必需，如果未提供，則顯示控制台警告。