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

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;

标签： javascriptreactjscomponents

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