Реакция компонента не вызывает onClick handler

Question

У меня есть компонент, построенный с синтаксисом класса es6. Это простой компонент, который отличается простотой и стилем. Затем, в родительском компоненте (называемом приложением), я хотел бы отобразить этот компонент и дать ему onClick, который вызывает обработчик onclick родителя. До сих пор, родитель делает ребенок так:

<child_component onClick={this.clickhandler}> 

А потом у меня есть метод в этом родительском компоненте, что я связан с контекстом родителя в конструкторе.

Компонент визуализирует, но обработчик клика никогда не вызывается, когда я нажимаю на компонент. Любая идея почему?

Answer 1

Поскольку дочерний компонент не является родным элементом DOM, но другой компонент React, onClick, как определено здесь, просто является свойством этого компонента. Что вам нужно сделать, это, внутри компонента ребенка пройти OnClick проп к OnClick событие компонента DOM в:

var ChildComponet= React.createClass({ 
render: function() { 
return (
    <div className="childcomponent" onClick={this.props.onClick}> 
    ... 
    </div> 
); 
} 
});