Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the best practice to define props in React?

What is the best practice to define props in a component class in React.js? And why?

Inside the class:

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

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

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

or outside the class:

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;
like image 690
Stiven Castillo Avatar asked Nov 29 '25 19:11

Stiven Castillo


1 Answers

Second option.

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;

Check Clean Code vs. Dirty Code: React Best Practices for reference.

like image 148
Harshal Y. Avatar answered Dec 01 '25 08:12

Harshal Y.