types of components

components.js

// fails linter
myComponent1 = ({tintColor}) => <Image style={{tintColor}} />

// passes linter
myComponent2 = ({tintColor}) => <Image style={{tintColor}} />
myComponent2.propTypes = {
  tintColor: PropTypes.string.isRequired
}

// fails linter
class MyComponent3 extends Component {
  render() {
    const {tintColor} = this.props
    return <Image style={{tintColor}} />
  }
}

// passes linter
class MyComponent3 extends Component {
  static propTypes = {
    tintColor: PropTypes.string.isRequired
  }
  render() {
    const {tintColor} = this.props
    return <Image style={{tintColor}} />
  }
}

// passes linter
class MyComponent4 extends Component {
  render() {
    const {tintColor} = this.props
    return <Image style={{tintColor}} />
  }
}
MyComponent4.propTypes = {
  tintColor: PropTypes.string.isRequired
}