Javascript React Ladda按钮:如何将属性传递到OnClick函数中

Javascript React Ladda按钮:如何将属性传递到OnClick函数中,javascript,reactjs,ladda,Javascript,Reactjs,Ladda,使用React ladda按钮寻求帮助。LaddaButton有一个属性调用“loading”,我想把它传递到我的onClick函数中,这样我就可以在onClick函数中启用\禁用加载: 我正在使用React Ladda按钮() 从“反应ladda按钮”导入LADDABUTON; { myFunction(e,rowData); }} > 点击我 //我的方法 常量myFunction=async(e,item)=>{ //如何从这个方法调用LaddaButton中的加载属性? } 通常(从我所

使用React ladda按钮寻求帮助。LaddaButton有一个属性调用“loading”,我想把它传递到我的onClick函数中,这样我就可以在onClick函数中启用\禁用加载:

我正在使用React Ladda按钮()

从“反应ladda按钮”导入LADDABUTON;
{
myFunction(e,rowData);
}}
>
点击我
//我的方法
常量myFunction=async(e,item)=>{
//如何从这个方法调用LaddaButton中的加载属性?
}
通常(从我所看到的代码示例来看),一个名为toggle的函数用于打开和关闭Ladda按钮。但我注意到,当编码Ladda按钮时,它们在加载时对点击没有反应。我已经能够通过单击将其加载状态从不加载更改为加载,但反之亦然。也许你可以在满足条件后使用超时或更改状态等。这是我读过的Ladda按钮。 请在下面找到我的代码,当单击时,它会导致Ladda按钮从未加载状态更改为加载状态。但不幸的是,它不能通过单击从加载更改为不加载


    import React, { Component } from 'react';
    import ReactDOM from 'react-dom';
    import reportWebVitals from './reportWebVitals';
    import './index.css';
    import './App.css';
    import LaddaButton, { EXPAND_LEFT } from 'react-ladda';
    
    class LaButton extends Component {
      constructor(props) {
        super(props);
        this.state =  { loading: false };
        this.toggle = this.toggle.bind(this)
      }
      toggle() {
          this.setState({
            loading: true,
            progress:0.5,
          }); 
      }
     
      render() {
        return (
          <LaddaButton
          data-style={EXPAND_LEFT}
          className='btn btn-danger btn-sm'
          loading={this.state.loading}
          onClick={this.toggle}
          >
            Click Here!
          </LaddaButton>
        );
      }
     };
     
     ReactDOM.render(<LaButton />, document.getElementById("root"));
    
    reportWebVitals();


从“React”导入React,{Component};
从“react dom”导入react dom;
从“/reportWebVitals”导入reportWebVitals;
导入“./index.css”;
导入“/App.css”;
导入LaddaButton,{EXPAND_LEFT}来自'react ladda';
类LaButton扩展组件{
建造师(道具){
超级(道具);
this.state={loading:false};
this.toggle=this.toggle.bind(this)
}
切换(){
这是我的国家({
加载:对,
进展:0.5,
}); 
}
render(){
返回(
点击这里!
);
}
};
render(,document.getElementById(“根”));
reportWebVitals();

    import React, { Component } from 'react';
    import ReactDOM from 'react-dom';
    import reportWebVitals from './reportWebVitals';
    import './index.css';
    import './App.css';
    import LaddaButton, { EXPAND_LEFT } from 'react-ladda';
    
    class LaButton extends Component {
      constructor(props) {
        super(props);
        this.state =  { loading: false };
        this.toggle = this.toggle.bind(this)
      }
      toggle() {
          this.setState({
            loading: true,
            progress:0.5,
          }); 
      }
     
      render() {
        return (
          <LaddaButton
          data-style={EXPAND_LEFT}
          className='btn btn-danger btn-sm'
          loading={this.state.loading}
          onClick={this.toggle}
          >
            Click Here!
          </LaddaButton>
        );
      }
     };
     
     ReactDOM.render(<LaButton />, document.getElementById("root"));
    
    reportWebVitals();