eslintがAirbnb

Question

がAirbnb

import React from 'react'; 
import TopBar from './topBar'; 
import Content from './content'; 

class App extends React.Component { 
    render() { 
    return (
     <div className="app"> 
     <TopBar /> 
     <Content /> 
     </div> 
    ); 
    } 
} 

export default App; 

とeslintingと反応し、私は

function render(){} 

と

render: function() {} 

を試してみました

5:1 error Component should be written as a pure function react/prefer-stateless-function 

エラーになります

しかし

を成功しませんでしたhttps://facebook.github.io/react/docs/reusable-components.html#stateless-functionsからドキュメントを使ってくれ

Answer 1

を助けてください、あなたのコードサンプルは、に変換されます：

import React from 'react'; 
import TopBar from './topBar'; 
import Content from './content'; 

function App (props) { 
    return (
    <div className="app"> 
     <TopBar /> 
     <Content /> 
    </div> 
); 
} 

export default App; 

この更新されたコードサンプルは、いくつかの他のAirbnbを破ることに注意してください彼らは自明でなければならない。これをテンプレートとして投稿するだけです。この主題の文書は非常に直接的なものなので、それらの文書を適切にレビューしてください。