javascript - 如何在反应中将 2 个输入框连接到单个函数

Question

> weightCalc(event) { console.log(event) }
> 
>   render() {
>     return (
>       <div>
> 
> 
> 
> 
> 
> <label>
>         Stones 
> 
>         <input type="textbox" name="test" onChange={this.weightCalc}/>
>         </label>
>         
>         <label>
>           Pounds <input type="textbox" name="test2" onChange={this.weightCalc} />  
>         </label>

我希望能够使用来自 2 个输入的值的一个函数，然后请更新状态

标签： javascriptreactjsreact-native

Answer 1

这将使您根据输入字段的名称进行更新，但它们应该与状态中的键值匹配，以将它们与特定值更新/同步。

 weightCalc(event) { this.setState({ [event.target.name]: event.target.value }); }
 
   render() {
     return (
       <div> 
       <label>
         Stones 
           <input type="textbox" name="test" onChange={this.weightCalc} value={this.state.test}/>
         </label>
         
         <label>
           Pounds <input type="textbox" name="test2" onChange={this.weightCalc} value={this.state.test2} />  
         </label>