usage of react components not recognized

[rogergl]

The following code results in two warnings: React and Article unused. Is this expected ?

import React from 'react'
import Article from './components/article/Article'
import PropTypes from 'prop-types'

function ArticleList ({data, itemState}) {
  const listElements = data.map(p => <li key={p.id}><Article data={p.attributes} state={itemState(p.id)}/></li>)
  return (<ul className="results">
    {listElements}
  </ul>)
}

ArticleList.propTypes = {
  data: PropTypes.array,
  itemState: PropTypes.func
}

export default ArticleList

[yoshuawuyts]

It looks like you're using "ArticleList" and not "Article" - also "React" isn't used anywhere. I think the errors are right here. If for some reason you need things to be in scope, you can always disable the checks manually for this instance.

…

On Sun, Apr 30, 2017 at 5:01 PM Roger Gilliar ***@***.***> wrote: The following code results in two warnings: React and Article unused. Is this expected ? import React from 'react' import Article from './components/article/Article' import PropTypes from 'prop-types' function ArticleList ({data, itemState}) { const listElements = data.map(p => <li key={p.id}><Article data={p.attributes} state={itemState(p.id)}/></li>) return (<ul className="results"> {listElements} </ul>) } ArticleList.propTypes = { data: PropTypes.array, itemState: PropTypes.func } export default ArticleList — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#872>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACWleovr9B-WiNrRoy3b0ZZlrKPfFdn8ks5r1KJCgaJpZM4NMl9j> .

[rogergl]

No, I'm using Article inside the map function and React is required to make things work. It seems that usages of React components like <Article/> are never recognized.

[yoshuawuyts]

Oops dang, yeah you're right. Nope, no clue what's up haha. Perhaps someone that uses JSX can help you out (:

[dyegolara]

It's not necessary to use JSX in React, the issue is on the .js files too

[hhsadiq]

@rogergl so how you were able to fix that. Want to use standard with react, but unused var errors are becoming blockers.

[oskarhane]

Use this: https://github.com/standard/eslint-config-standard-jsx

[Flet]

It looks like this is fixed in the latest version of standard!

Could you give it a try? npm install standard@beta

[feross]

🗣 Standard 11 is released! Run npm install standard@latest --save-dev to update to the latest version. This will also update the version in package.json ✨

Changelog: https://github.com/standard/standard/blob/master/CHANGELOG.md#1100---2018-02-18