响应组件上的onClick事件不起作用

时间:2018-01-09 13:26:14

标签: javascript reactjs onclick react-dom

我正在尝试将id组件传递给父组件。在子组件中,onClick事件处理程序无法正常工作。我试图通过点击元素将一些数据记录到控制台。

import React from 'react';

class EachChatInList extends React.Component {
handleClick(event) {
    event.preventDefault();
    console.log("clicked");
}


render() {

    return (
        <li className="tab-link current" data-tab="tab-1" onClick={this.handleClick.bind(this)}>
            <div className="circle_m_nested">&nbsp;</div>
            <div className="count"></div>
            {this.props.chat.seller}
        </li>
    )
}
}

export default EachChatInList;

我怎样才能让它发挥作用?

1 个答案:

答案 0 :(得分:-2)

像这样使用:

onClick={(event) => handleClick(event)}