Реагировать? Какие альтернативы делать с данными

Question

Добрый день, у меня есть вопрос. Какие альтернативы вы можете сделать с данными из React.

Если у вас есть:

1. Один заполнитель с почтой (код вы можете увидеть ниже)
2. Форма с 4 шагами (каждый шаг имеет 2 переменные.

Что вы думаете? Хорошая идея - реализовать базу данных + базу данных или отправить эти данные в хранилище?

class Mail extends React.Component{

      constructor(props){
        super(props);
        this.state={value:''};

        this.handleChange = this.handleChange.bind(this);
        this.handleSubmit= this.handleSubmit.bind(this);
      }

        handleChange(event){
          this.setState({value:event.target.value});
        }
        handleSubmit(event){
          console.log('submited');
        }


      render(){
        return(
        <form onSubmit ={this.handleSubmit}
            className ="mail_ebook">
           <div className="group mail_left">
             <input className ="text" type="text"
            value={this.state.value}
            onChange={this.handleChange}
             required/>
             <span className="highlight"></span>
             <span className="bar"></span>
             <label>write your mail now</label>
           </div>
              <input className ="hero_button margin_left" type="submit" value="Read it" />
        </form>
      )
    }
    };

Answer 1

За запрос OP (см. Комментарии) Я рекомендую использовать ReduxJS.В Redux основная концепция, которую нужно понять, - это Редукторы, чистые функции , которые будут иметь состояние по умолчанию и могут быть отправлены действиями с диспетчеризацией (действием).После разработки действия они обновят состояние.Вы можете определить свой набор действий (например, одно для добавления входной переменной, одно для удаления последнего добавленного или по имени ... просто примеры), и состояние будет меняться в зависимости от каждого действия.Затем редуктор вернет текущее состояние, объект Javascript.Вы также можете получить состояние с помощью getState ().

Пожалуйста, прочитайте https://redux.js.org/api-reference/store#getState

Если в ваш вопрос также входит желание сохранить эти данные в базе данных, вам придется использовать некоторый API дляподключиться к нему, или, возможно, fs для сохранения в файлы.