Reactjs 处理React onToggle事件时出现问题

请看一下这段代码，让我知道为什么我不能用按钮组件绑定

ontogle

事件。我发现编译时没有定义“onToggle”

在我的主容器（内容物）中

---

试试这个，您缺少一个将其传递给按钮组件的切换

下面的按钮组件代码将修复该问题

 import React from 'react';

 const Button = ({ text, styleClass, onClick, onToggle }) =>    {
    return (
       <button
        type="button"
       onClick={onClick ? onClick: null}
       onToggle={onToggle ? onToggle: null}
       className={`btn ${styleClass}`}
      >
        {text}
     </button>
     );
  };

  export default Button;

从“React”导入React；
常量按钮=（{text，styleClass，onClick，onToggle}）=>{
返回(
{text}
);
};
导出默认按钮；

试试

这个.props.ontogle（e）

里面的

按钮.js

button.js是一个功能组件，所以这个.props不起作用。多谢大家三思而后行，我没有得到编译错误，但是当我点击按钮时，我得到了

类型错误：\u onClick不是
onClick的button.js第7行的函数
错误={e=>onClick（e）}

因为您没有像wise一样将onClick传递给onToggle的按钮组件，所以您没有将onToggle传递给onClick的按钮组件，这就是为什么您会收到错误OK我迷路了！但是我能够使用onSignOut（）的onClick事件谢谢，

注销

按钮仍在工作，但

全屏

没有错误。

import React from 'react';

const Button = ({ text, styleClass, onClick }) => {
  return (
    <button
      type="button"
      onClick={e => onClick(e)}
     onToggle={e => onToggle(e)}
      className={`btn ${styleClass}`}
    >
      {text}
    </button>
  );
};

export default Button;

import React from 'react';
import Button from 'components/Button';
class Header extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <nav className="navbar navbar-default hk-navbar fixed-top">
        <p className="navbar-brand tk-brand">App</p>
        <Button
          text={[<i class="icon icon-logout"></i>,  " Sign Out"]}
          onClick = {(e) => this.props.onClick(e)}
          styleClass = 'btn-control'
        />
          <Button
          text={[<i class="icon icon-logout"></i>,  " Full Screen"]}
          onToggle = {(e) => this.props.onToggle(e)}
          styleClass = 'btn-control'
        />
      </nav>
    );
  }
}

export default Header;

Failed to compile
./src/components/Button.js
  Line 8:  'onToggle' is not defined  no-undef

Search for the keywords to learn more about each error.

 import React from 'react';

 const Button = ({ text, styleClass, onClick, onToggle }) =>    {
    return (
       <button
        type="button"
       onClick={onClick ? onClick: null}
       onToggle={onToggle ? onToggle: null}
       className={`btn ${styleClass}`}
      >
        {text}
     </button>
     );
  };

  export default Button;