活字体（ReactJS）コンパイルエラーが、これは暗黙的に型を持つ任意の

Question

私が反応コンポーネントは、活字体で書かれています：

class App extends React.Component<props> { 

    constructor(props) { 
    super(props); 
    this.treeNavElement = this.treeNavElement.bind(this); 
    } 

    treeNavElement() { 
    return (
     <div></div> 
    ) 
    } 

    render() { 
    return (
     <div> 
     { 
      this.props.NavDataTree.map(function(elem) { 
      return <div key={elem.id} onClick={this.treeNavElement}>{elem.name}</div> 
      }, this) 
     } 
     </div> 
    ) 
    } 
} 

export default App; 

私の問題はtypescriptですコンパイラがあるため、この行のため、私に叫ぶことである：

[TS]「これは」暗黙のうちに、それが型注釈を持っていないので、「どんな」を入力していますと言っ

return <div key={elem.id} onClick={this.treeNavElement}>{elem.name}</div> 

。

mapの二番目のパラメータでのmap関数の外では、とthis.propsそれがうまく動作しますが、onClickthisの内側には失われます。

に"noImplicitThis": falseを設定しても問題ありませんが、これを暗黙的にオフにする必要はありませんか？

Answer 1

functionを使用すると、thisはです。です。

this.props.NavDataTree.map(function(elem) { }) 

あなたは、これが実行function(this: XXX) {}にあるか知っている場合は、thisを入力することができます。または矢印演算子を使用することができますので、は関数に伝播します

this.props.NavDataTree.map(elem => { this.XXX })