2017-07-21 23 views
1

私は反応を覚えており、メソッドからクラスを呼び出そうとしています。ここに私がこれまでに出てきたものがあります。メソッドからクラスを呼び出す

class Pop extends React.Component{ 
    render(){ 
    return (
     <div> 
     <button onClick={() => { this.desit("data")} }>Componant Caller</button> 
     </div> 
    ) 
    } 
    desit(data){ 
    <Test info={data}/> 
    } 
} 

class Test extends React.Component{ 
    render(){ 
    return 
    <div>{alert(this.props.info)}</div> 
    } 
} 

ReactDOM.render(<Pop />,document.getElementById("targ")); 

助けてください。

+0

を? 'pop'の' this.state'に何かを保存し、その値を 'onClick'で変更し、' render'の中で 'this.state'をチェックすることができます。 –

+0

あなたは正確に何を達成しようとしていますか?ドキュメントに ''を表示しようとしていますか?あるコンポーネントの関数を別のコンポーネントから呼び出そうとしていますか? – jered

+0

私は 'テスト'から 'ポップ'の 'this.state'にアクセスできると言っていますか? – jason

答えて

0

別のクラスにメソッドを持ち、それをコンポーネントからトリガーしたいですか?

が別のコンポーネントを使用しないでください、しかし、あなたは、いくつかのロジックを定期的にクラスを作成することができます。

class Test 
{ 
    test() { 
    alert('success!'); 
    } 
} 

desit方法では、あなたは今(Test.testを呼び出すことができます)、このような:

desit() { 
    var amazingTest = new Test(); 
    amazingTest.test(); 
} 

あなたにも静的メソッドを使用することができます:あなたは ` は`レンダリングしたいん

class Test 
{ 
    static test() { 
    alert('success!'); 
    } 
} 

// and the desit method: 
desit() { 
    Test.test(); 
} 
関連する問題