0

我正在使用 browserify-fs 尝试在我的应用程序的 .json 文件中创建一些数据。到目前为止，我已经能够 console.log 创建的数据，但不知道如何将其推送到 .json 文件。

这是我的文件设置（简化）：

>src
 >containers
  >AddPage.js
  >data.json

在我的 AddPage.js 我有这个代码：

const AddPage = (props) => {
    const classes = useStyles();
    const onSubmit = (formValues) => {
        history.push('/')
        var formString = JSON.stringify(formValues);
        var fs = require('browserify-fs');
        fs.mkdir('/moves', function() {
            fs.writeFile('/moves/data.json', formString, function() {
                fs.readFile('/moves/data.json', 'utf-8', function(err, data) {
                    console.log(data, "data");
                });
            });
        });
    };

    return (
        <div>
            <Header title="Add Movement" />
            <div className={classes.addPage}>
                <div className={classes.addMovementDiv}>
                    <form onSubmit={props.handleSubmit(onSubmit)} >
                        <Field 
                            name="movementName"
                            component={renderInputName} 
                            label="Movement Name" 
                        />
                        <Field
                            name="movementWeight" 
                            component={renderInputWeight} 
                            label="One Rep Max" 
                         />
                         <button>Submit</button>
                    </form>
                </div>
            </div>
        </div>
    );
};

当我提交表单时，我可以控制台记录 formValues，它们也会以我想要的方式出现。但是没有任何东西被添加到 data.json 文件中。我的代码中缺少什么可以让我将新创建的 formValues 推送到 data.json 文件？

4

0 回答 0