反应形式无法识别键入的输入

Question

你好我正在做一个简单的形式，需要一个名称和一条消息。在提交时，我希望它发邮件给我自己。我已经建立了框架，但由于某种原因，我无法在字段中输入内容。不知道我在这里错过了什么。使用onChange。

表单代码

import React, { Component, PropTypes } from 'react' 


class Contact extends Component { 
    constructor(props) { 
     super(props) 
     this.state = { 
      formValues: { 
       name: '', 
       message: '' 
      } 
     } 
    } 

    handleChange(event) { 
     let formValues = this.state.formValues; 
     let name = event.target.name; 
     let value = event.target.value; 

     formValues[name] = value; 
     this.setState=({ 
      formValues 
     }); 
    } 

    handleSubmit(event) { 
     event.preventDefault(); 
     console.log("NEW FORM VALUES " + this.state.formValues.name + " " + this.state.formValues.messsage); 

     const {name, message} = this.formValues; 
    } 

    render() { 
     return (
      <div> 
       <form onSubmit={this.handleSubmit.bind(this)}> 
        <label>Name: 
         <input type="text" name="name" placeholder="Name" value={this.state.formValues["name"]} onChange={this.handleChange.bind(this)} /> 
        </label> <br /> 
        Message: <br /> 
         <textarea type="text" name="message" placeholder="Message..." value={this.state.formValues["message"]} onChange={this.handleChange.bind(this)}></textarea> <br /> 
        <input type="submit" value="Submit" /> 
       </form> 
      </div> 
     ) 
    } 
} 

出口默认的联系;

Answer 1

使用这handleChange方法：

this.setState({ 
     formValues 
    }); 

，而不是这样的：

this.setState=({ 
     formValues 
    });