title: 'this' implicitly has type 'any' because it does not have a type annotation.ts(2683) : An outer value of 'this' is shadowed by this container
body: <p>I'm implementing <code>onChange</code> method to delete uploaded image.<br>
  But compile error occurs, so I want to know solution.<br></p>
  
  <p>front: React<br>
  css: semantic-ui-react<br></p>
  
  <pre><code>  constructor(props: {}) {
      super(props);
      this.state = {
        title: '',
        content: '',
        redirect: false,
        files: [],
      };
      this.handleRemove = this.handleRemove.bind(this);
    }
  
    handleRemove() {
  // some code
  }
  
    render() {
      return (
            &lt;List&gt;
              {(this.state.files || []).map(function(file, i) {
              // error occurs at onclick
                return &lt;List.Item icon="image" content={file.name} onclick={this.handleRemove}/&gt;;
              })}
            &lt;/List&gt;
      );
    }
  </code></pre>
  
  <p>The full soruce code is here:<br>
  <a href="https://github.com/jpskgc/article/blob/master/client/src/components/Detail.tsx" rel="nofollow noreferrer">https://github.com/jpskgc/article/blob/master/client/src/components/Detail.tsx</a></p>
  
  <p>On the <code>this.handleRemove</code>, the following error occurs.<br>
  I want to resolve this error.<br></p>
  
  <pre><code>any
  'this' implicitly has type 'any' because it does not have a type annotation.ts(2683)
  Post.tsx(115, 49): An outer value of 'this' is shadowed by this container.
  </code></pre>