React - onコンポーネントインスタンスをクリックしますか？

Question

私は（別のコンポーネント内にある）<BtnComponent />内部<button>要素を持っていると私はこのようなクリック対処しようとしています：

BtnContainer.jsの親コンポーネント：

import React from 'react'; 
import Btn from './Btn'; 


var BtnContainer = React.createClass({ 

    handleClick() { 
    alert('hello'); 
    }, 
    render() { 
    return (
     <div id="container"> 
     <Btn onClick={this.handleClick} /> 
     </div> 
    ) 
    } 
}); 

module.exports = BtnContainer; 

をここにBtn.jsコンポーネントがあります。

import React from 'react'; 

const Btn =() => (
    <button className="btn">Click</button> 
); 

export default Btn; 

私も実際のボタン要素でのonClickを配置しようとしたが、エラーが発生しました。

思考？

Answer 1

はこれを試してみてください：

BtnContainer.js

import React from 'react'; 
import Btn from './Btn'; 


var BtnContainer = React.createClass({ 

    handleClick() { 
    alert('hello'); 
    }, 
    render() { 
    return (
     <div id="container"> 
     <Btn onClick={this.handleClick} /> 
     </div> 
    ) 
    } 
}); 

module.exports = BtnContainer; 

をBtn.js

import React from 'react'; 

const Btn = ({ onClick }) => (
    <button onClick={onClick} className="btn">Click</button> 
); 

export default Btn;