React linter airbnb proptypes array

reactjs airbnb react-proptypes linter
FacundoGFlores picture FacundoGFlores · Jan 20, 2017 · Viewed 25.1k times · Source

I have the following PropTypes:

SmartTable.propTypes = {
  name: React.PropTypes.string.isRequired,
  cols: React.PropTypes.array.isRequired,
  rows: React.PropTypes.array.isRequired,
};

but the linter says me:

Prop type array is forbidden, how can I change it?

Answer

FacundoGFlores picture FacundoGFlores · Jan 20, 2017

A possible solution for this (but I think it is not smart):

SmartTable.propTypes = {
  name: React.PropTypes.string.isRequired,
  cols: React.PropTypes.arrayOf(React.PropTypes.string),
  rows: React.PropTypes.arrayOf(React.PropTypes.string),
};

Related questions

A control must be associated with a text label

I am getting the error: A control must be associated with a text label. The piece of code is: <i role="button" className={classN} onClick={this.muteVolume} onKeyDown={this.muteVolume} /> That error is related to this eslint rule. …

Read More
If a propType isn't required why does ESLint want to provide default prop for it?

const propTypes = { label: PropTypes.string, }; const defaultProps = {}; Why does ESLint want us to provide default value for label when it is not required? (react/require-default-props) I am extending airbnb

Read More
How do I rewrite a react component with decorators as a pure function?

I'm using the airbnb eslint settings, which have a rule that enforces stateless react components to be rewritten as a pure function. The following component triggers this rule, which means that the component below would be better written as a …

Read More