Reactjs - 내 부모에</p> <pre><code><div className="box" onClick={this.clickBox}></div> </code></pre> <p>이 내 아이 이벤트에 부모

Question

까지의 클릭 이벤트를 전달 나는 방법

clickBox() { 
    alert('hello'); 
} 
and have bound it with 

this.clickBox = this.clickBox.bind(this); 

이 작동하지 않습니다을 가지고하지만 난에 방법을 넣어 경우 트리거하는 자식

부모에게 이벤트를 어떻게 전달합니까?

Answer 1

당신은 부모에 다음 Child

const Child = ({ onClick }) => <div className="box" onClick={onClick}></div> 

에 소품으로 onClick을 보낼 수 있습니다

class Parent extends React.Component { 
    constructor() { 
    super() 

    this.clickBox = this.clickBox.bind(this) 
    } 

    clickBox() { 
    ... 
    } 

    render() { 
    return (
     <div> 
     <Child onClick={this.clickBox} 
     </div> 
    ) 
    } 
}