我正在尝试将数据保存在数据库中，但它正在保存每个输入更改

Posted 2023-02-18

【中文标题】我正在尝试将数据保存在数据库中，但它正在保存每个输入更改

【英文标题】：I’m trying to save data on the database but it is saving each input change

【发布时间】：2021-12-26 18:48:47

【问题描述】：

import React, useState, useEffect from 'react'

import  NoMoralisContextProviderError  from 'react-moralis';

import './css/createpost.css'

import  useMoralis  from "react-moralis";

function CreatePost() 

    const [title, setTitle] = useState("")

    const [content, setContent] = useState("")

    const  Moralis, isInitialized  = useMoralis();

    const createNewPost = (e, title, content) => 

        e.preventDefault()

        const newPost = Moralis.Object.extend("Posts");

        const post = new newPost();

        post.set("title", title);

        post.set("content", content);

        post.save();

        return post;

    

    return (

        <div>

            <div>

            <form action="#" className="createpost">

               <div class="data">

                  <label>Title</label>

                  <input type="text" required onChange=(e) => setTitle(e.target.value)/>

               </div>

               <div class="data">

                  <label>Content</label>

                  <input type="text" required onChange=(e) => setContent(e.target.value)/>

               </div>

               <div class="btn">

                  <div class="inner"></div>

                  <button type="submit" onClick=createNewPost(e, title, content)>Submit Post</button>

               </div>

            </form>

            </div>

      </div>

    )



export default CreatePost

我正在尝试将数据保存到数据库中，但在每次输入更改后都会保存它。因此，如果我输入“hello”，它会保存“h”、“he”、“hel”、“hell”、“hello”，我希望它只保存一次 hello。不是每个输入都改变。有人可以帮我解决这个问题吗？

我正在尝试将其保存到moralis 数据库，但我认为错误在于该函数被多次调用。

【参考方案1】：

将处理程序包装到箭头函数

 <button type="submit" onClick=() => createNewPost(e, title, content)>Submit Post</button>