'handleSubmit‘没有定义-undef

Question

在这里我得到了一个handleSubmit函数的错误，因为在这里我使用了这个语法‘PostForm ()’而不是‘PostForm扩展组件{}'，所以为了使用handlesubmit函数需要改变什么。

function PostForm () {
       handleSubmit = (e) => {
    e.preventDefault();
    const title = this.getTitle.value;
    const message =  this.getMessage.value;
    const data = {
      id: new Date(),
      title,
      message
    }
    console.log(data)
  }

return (
<div>
  <h1>Create Post</h1>
  <form onSubmit={this.handleSubmit}>
   <input required type="text" ref={(input)=>this.getTitle = input} 
    placeholder="Enter Post Title"/>
   <br /><br />
   <textarea required rows="5" ref={(input)=>this.getMessage = input} cols="28" 
    placeholder="Enter Post" />
   <br /><br />
   <button>Post</button>
  </form>
</div>
);

}
export default PostForm;

Answer 1

因为它是函数组件，所以需要将handleSubmit定义为函数。例如

const handleSubmit = (e) => {
...
}