こんにちは、私は名前やメッセージを取る簡単なフォームを作ってるんだ

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 
    });