节点js：fs WriteFile将数据写入文件两次

Question

后端的 fs.writeFile 代码运行了两次。 数据追加在控制台出现两次，数据在 JSON 文件中写入两次。

知道为什么会这样吗？ 非常感谢任何建议。

编辑：这似乎是一个前端问题。 onFavSubmit 正在运行两次...

前端

    constructor (props) {
        super (props) 
            this.state = {
                inputOne: '',
                chosenOne: ['Favourite Movie', 'X'],
                chosenTwo: ['2nd Favourite Movie', 'X'],
                chosenThree: ['3rd Favourite Movie', 'X'],
                movies:[],
            };
            this.onFavSubmit = this.onFavSubmit.bind(this);
            this.onReset = this.onReset.bind(this);
    }

    onFavSubmit = event => {
        const newFav = {
            first: this.state.chosenOne[0],
            second: this.state.chosenTwo[0],
            third: this.state.chosenThree[0]
        }

        if(this.state.chosenOne[1] === 'X' || this.state.chosenTwo[1] === 'X' || this.state.chosenThree[1] === 'X'){
            alert ('Need All 3 Favourite Shows')
            event.preventDefault();
        } else {
            axios.post('http://localhost:8001/fav', {newFav})
            .then(
                alert('Successfully Added'),
                this.onReset()
            )
            .catch(err => console.log(err.response))
        }
    }

<button className="fav__button" type="button" onClick={this.onFavSubmit}>Click Me</button>

后端

const express = require("express");
const favData = require("../data/fav.json")
const fs = require ('fs')
const router = express.Router();

router.get("/", (_, res) => {
    res.json(favData);
  });

router.post("/", (req, res) => {
    const newFirst = req.body.newFav.first;
    const newSecond = req.body.newFav.second;
    const newThird = req.body.newFav.third;

    const newfavData = {
        First: newFirst,
        Second: newSecond,
        Third: newThird,
    };

    fs.readFile('./data/fav.json', 'utf-8', function (err, data){
        var json = JSON.parse(data);
        json.push(newfavData);
        console.log(newfavData)
        fs.writeFile('./data/fav.json', JSON.stringify(json), function(err){
            if (err) throw err;
            console.log('data appended')
            return;
        })
    })

});

module.exports = router;

Answer 1

我没有足够的声誉，所以我无法发表评论。 您是否尝试过注释掉 this.onReset() 并查看是否可以解决问题？

我曾多次在重新加载时向“/”发送请求。