[英]Stateless component in React and “Props is defined but never used” ESLint error
How can I avoid this error in ESLint? 如何在ESLint中避免此错误? Should I write this code in a different way?
我应该以不同的方式编写此代码吗? I can't change ESLint config and I should have 0 errors...
我无法更改ESLint配置,我应该有0个错误...
import React from 'react';
import logo from './logo.svg';
import './style.css';
import SearchBar from '../SearchBar';
import GithubDataTable from '../GithubDataTable';
const App = props => (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h1 className="App-title">The Task</h1>
</header>
<div>
<SearchBar />
<GithubDataTable />
</div>
</div>
);
export default App;
You don't need props
at all. 你根本不需要
props
。
You can just write it like a function without params: 您可以像没有参数的函数一样编写它:
import React from 'react';
import logo from './logo.svg';
import './style.css';
import SearchBar from '../SearchBar';
import GithubDataTable from '../GithubDataTable';
const App = () => (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h1 className="App-title">The Task</h1>
</header>
<div>
<SearchBar />
<GithubDataTable />
</div>
</div>
);
export default App;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.