eslint ‚App‘ wird Warnung einzusetzendes mit reagieren

Question

Ich habe kein Problem mit meinem Code sehen, die App ist eine Komponente, und es wird verwendet, aber eslint gab mir diese Warnung

./src/containers/app/index.js 
    Line 6: 'App' is assigned a value but never used no-unused-vars 

meinen Code

import React from 'react' 
import { render } from 'react-dom' 
import { Provider } from 'react-redux' 
import { ConnectedRouter } from 'react-router-redux' 
import store, { history } from './store' 
import App from './containers/app' 

import './index.css' 

const target = document.querySelector('#root') 

render(
    <Provider store={store}> 
    <ConnectedRouter history={history}> 
     <div> 
     <App /> 
     </div> 
    </ConnectedRouter> 
    </Provider>, 
    target 
) 

Irgendwelche Hinweise, wie das für die Reaktion zu beheben?

Answer 1

Die Standard-ESLint-Regeln wissen nichts über JSX. Sie müssen https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-uses-vars.md verwenden, um das gewünschte Verhalten zu erhalten.