Question

使用下面的代码，我试图在ReactJS应用程序中使用onKeyDown事件调用两个不同的函数。

但它没有调用任何这些功能。但是，它通过一个函数调用正常工作。

<input name="product_quantity"
       type="text"
       onKeyDown={ (event) => { 
           this.props.handleInputNumber; 
           this.handleQuantity; } } 
       value={ this.state.item.product_quantity }
       className="form-control"
/>

Answer 1

您缺少括号。另外，您应该将event传递给这些函数中的至少一个，如果不需要则将其删除。

E.g。 event => this.props.handleInputNumber(event); this.handleQuantity(event);

Answer 2

<td>
   <input name="product_quantity" type="text" 
          onKeyDown={(event) => { 
             this.props.handleInputNumber(); this.handleQuantity(); 
          }} 
          value={this.state.item.product_quantity} 
          className="form-control" /></td>

从onKeyDown事件调用两个不同的函数

2 个答案: