代码之家  ›  专栏  ›  技术社区  ›  halivingston

无法使用React呈现onclick事件

  •  0
  • halivingston  · 技术社区  · 7 年前
                    {children.map(child =>
                        <tr key=...><td>{child.hasChildren && <button onClick={this.handleClick} class="btn btn-secondary btn-sm">+</button></td></tr>
                    )}
    

    无论出于什么原因,我都无法做出反应来呈现我的“onclick”部分。它一直在吃。

    2 回复  |  直到 7 年前
        1
  •  0
  •   Praveen Rao Chavan.G    7 年前

    只是一个打字错误,改变 onclick公司 onClick公司

    {children.map(child =>
                    <tr key=...>
                        <td><button onClick={this.handleClick}>+</button></td>
                    </tr>
                )}
    
        2
  •  0
  •   yagiro    7 年前

    你的问题提得不好。

    this.handleClick )没有调用?

    如果是,只要 方法在组件中存在[并且有适当的边界],应按预期调用它。

    下面是如何在React中处理事件的示例:

    class Toggle extends React.Component {
      constructor(props) {
        super(props);
        this.state = {isToggleOn: true};
    
        // This binding is necessary to make `this` work in the callback
        this.handleClick = this.handleClick.bind(this);
      }
    
      handleClick() {
        this.setState(state => ({
          isToggleOn: !state.isToggleOn
        }));
      }
    
      render() {
        return (
          <button onClick={this.handleClick}>
            {this.state.isToggleOn ? 'ON' : 'OFF'}
          </button>
        );
      }
    }