反応jsの自己呼び出し関数？ （普通のjavascriptのように）

Question

イベントから呼び出さずにfunction goodを呼び出すとします。 self invoking javascript functionのようにページを開くとすぐに実行する必要があります。 Here is an example

import React from 'react'; 

class App extends React.Component { 

    good(){ 
     console.log('I was triggered during good') 
    } 

    render() { 
     console.log('I was triggered during render') 
     return(
      <div> 
      good(); 
      </div> 
    ); 
    } 
} 

export default App; 

Answer 1

いくつかのポイント：

1.あなたは、他の関数から任意の関数を呼び出すためにthisキーワードを使用する必要があります。 JSX内jsコードを入れて

2.、我々は{}を使用する必要があります。

このようにそれを書く：

import React from 'react'; 

class App extends React.Component { 

    good(){ 
     console.log('I was triggered during good') 
     return <div> Hello </div> 
    } 

    render() { 
     console.log('I was triggered during render') 
     return(
      <div> 
       {this.good()} 
      </div> 
     ); 
    } 
} 

チェックは、DOCに反応：https://facebook.github.io/react/docs/introducing-jsx.html

は、より多くの詳細については、これらの答えをチェックしてください：

How does the "this" keyword work?

What do curly braces mean in JSX (React)?

Answer 2

あなたをcomponentDidMount（）{}またはcomponentWillMount（）{}などのライフサイクルメソッドを使用することもできます。

componentWillMountはコンポーネントのマウント前にトリガーされ、componentDidMount（）はコンポーネントがマウントされた後にトリガーされます。