Question: my App component like as below:

```
class App extends Component {
  clickHandler = () => {
    console.log('click');
  }
  render() {
    return (
      <div className="App">
        <div onClick={this.clickHandler}>Test1</div>
        <Person onClick={this.clickHandler}>Test2</Person>
      </div>

    );
  }
}

```

And this is my Person component:

```
class Person extends Component {
    render() {
        return (
            <div>{this.props.children}</div>
        )
    }
}

```

When i click on `Test1` onClick works and show click on console, but when i click on `Test2` onClick doesn't work.
how to i handler onClick in parent component? i don't want pass onClick to child component.

Answer: 
This should work. Why don't you want to write it this way? You ARE passing it as a prop... 

```
<div onClick={props.onClick}>Test</div>

```
Here is the complete solution...
Checkout: <https://codesandbox.io/s/vjp200rj3>

Modified render function in App.

```
render() {
    return (
      <div className="App">
        <div onClick={this.clickHandler}>Test1</div>
        <Person clickHandler={this.clickHandler}>Test2</Person>
      </div>
    );
  }

```

Modified render function in Person:

```
  render() {
    return <div onClick={this.props.clickHandler}>{this.props.children}</div>;
  }

```