import React, { Component } from 'react'

class Optimize extends Component {


    state = {
        name: '',
        password: ''
    }

// 高階函數 
// 函數中有函數是函數柯里化
    // message = (val) => {
    //     console.log(val)
    //     return (e) => {
    //         console.log(val,e.target.value)
    //         this.setState({[val]:e.target.value   })
    //     }
    // }

   /* 不使用函數柯立化獲取數值的方法 */
      message = (e,val) => {
      this.setState({[e]:val  })
    }
    render() {
        return (
            <div>
                <h4>優化版本的form表單</h4>
                 {/* 函數中有函數是函數柯里化 */}
                {/* <form onSubmit={this.present}>
                    姓名：<input onChange={this.message("name")} type="taxt" name="name" />
                    密碼：<input onChange={this.message("password")} type="password" naem="password" />
                    <button>提交按鈕</button>
                </form> */}
                {/* 不使用函數柯立化獲取數值的方法 */}
                <form onSubmit={this.present}>
                    姓名：<input onChange={(e)=>{this.message("name",e.target.value) }} type="taxt" name="name" />
                    密碼：<input onChange={(e)=>{this.message("password",e.target.value) }} type="password" naem="password" />
                    <button>提交按鈕</button>
                </form>


            </div>
        )
    }
}

export default Optimize