在反应中定义属性的最佳实践是什么？

Question

我想用最佳做法进行编码。

在reactjs中定义组件类中的proptypes的最佳实践是什么？为什么？

课堂内：

import React, { Component } from 'react';
import PropTypes from 'prop-types';

export default class MyComponent extends Component {
  static propTypes = {
    prop: PropTypes
  }

  render() {
    return (
      <div> </div>
    )
  }
};

或课外：

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class MyComponent extends Component {
    render() {
        return (
            <div> </div>
        )
    }
};

MyComponent.propTypes = {
    prop: PropTypes
}

export default MyComponent;

Answer 1

第二个选项。

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class MyComponent extends Component {
    render() {
        return (
            <div> </div>
        )
    }
};

MyComponent.propTypes = {
    prop: PropTypes
}

export default MyComponent;

检查Clean Code vs. Dirty Code: React Best Practices以供参考。