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;
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With