Блог

Я использую browserify-fs, чтобы попытаться создать некоторые данные в файле .json в моем приложении. До сих пор мне удавалось утешать.регистрируйте созданные данные, но не знаете, как их протолкнуть .файл 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>
    );
};
 

Когда я отправляю форму, я могу утешить.запишите значения формы, и они тоже появятся так, как я хочу. Но в файл data.json ничего не добавляется. Что мне не хватает в моем коде, что позволило бы мне перенести вновь созданные значения формы в файл data.json?