title: Missing return type on function - in react (typescript) code
body: <p>In my App.tsx i got this:</p>
  
  <ul>
  <li>Missing return type on function.eslint(@typescript-eslint/explicit-function-return-type)</li>
  </ul>
  
  <p>And in my main class component i got these:</p>
  
  <ul>
  <li>Missing accessibility modifier on method definition render.eslint(@typescript-eslint/explicit-member-accessibility)</li>
  <li>Missing return type on function.eslint(@typescript-eslint/explicit-function-return-type)</li>
  </ul>
  
  <p>I'm using React with TypeScript.
  For linter I use ESLint and for code formating Prettier.</p>
  
  <p>I found this info: <a href="https://github.com/typescript-eslint/typescript-eslint/blob/v1.6.0/packages/eslint-plugin/docs/rules/explicit-function-return-type.md" rel="nofollow noreferrer">https://github.com/typescript-eslint/typescript-eslint/blob/v1.6.0/packages/eslint-plugin/docs/rules/explicit-function-return-type.md</a> , but I don't know how and where to apply it.</p>
  
  <p>App.tsc</p>
  
  <pre class="lang-js prettyprint-override"><code>class Main extends Component {
      render() {
          return (
              &lt;Router&gt;
                  &lt;div&gt;
                      &lt;Link to="/"&gt;Home&lt;/Link&gt;
                      &lt;br /&gt;
                      &lt;Link to="/component1"&gt;Component1&lt;/Link&gt;
                      &lt;br /&gt;
                      &lt;Link to="/component2"&gt;Component2&lt;/Link&gt;
  
                      &lt;Route exact path="/" render={() =&gt; &lt;h1&gt;Home Page&lt;/h1&gt;} /&gt;
                      &lt;Route path="/component1" component={Component1} /&gt;
                      &lt;Route path="/component2" component={Component2} /&gt;
                  &lt;/div&gt;
              &lt;/Router&gt;
          );
      }
  }
  </code></pre>
  
  <p>Component1.tsc</p>
  
  <pre class="lang-js prettyprint-override"><code>interface Props {
      number: number;
      onNumberUp: any;
      onNumberDown: any;
  }
  
  const Component1 = (props: Props): JSX.Element =&gt; {
      return (
          &lt;div&gt;
              &lt;h1&gt;Component1 content&lt;/h1&gt;
              &lt;p&gt;Number: {props.number}&lt;/p&gt;
              &lt;button onClick={props.onNumberDown}&gt;-&lt;/button&gt;
              &lt;button onClick={props.onNumberUp}&gt;+&lt;/button&gt;
          &lt;/div&gt;
      );
  };
  
  const mapStateToProps = (state: any) =&gt; {
      return {
          number: state.firstReducer.number,
      };
  };
  
  const mapDispachToProps = (dispach: any) =&gt; {
      return {
          onNumberUp: () =&gt; dispach({ type: 'NUMBER_UP' }),
          onNumberDown: () =&gt; dispach({ type: 'NUMBER_DOWN' }),
      };
  };
  </code></pre>
  
  <p>Reducer and actions are in separate folders.</p>
  
  <p>Component1 and Component2 are similar.</p>
  
  <p>Does someone knows how to fix this error?</p>