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

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 以供参考。