Reactjs 反应如何处理数据

你好，我有个问题。您可以使用React中的数据做哪些选择

如果您有：

一个带有邮件的占位符（代码如下所示）

表单包含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>
      )
    }
    };

类邮件扩展React.Component{
建造师（道具）{
超级（道具）；
this.state={value:''}；
this.handleChange=this.handleChange.bind（this）；
this.handleSubmit=this.handleSubmit.bind（this）；
}
手变（活动）{
this.setState（{value:event.target.value}）；
}
handleSubmit（事件）{
console.log（“已提交”）；
}
render（）{
返回(
现在就写你的邮件
)
}
};

对于每个操作请求（请参阅注释），我建议使用ReduxJS。 有了Redux，要理解的核心概念是减缩器，纯函数，它将具有默认状态，可以通过dispatch（action）调度操作。在详细说明操作后，它们将更新状态。您可以定义操作集（例如，一个用于添加输入变量，一个用于删除最后添加的变量或按名称..仅示例）并且状态将根据每个操作而更改。然后，还原程序将返回当前状态，即Javascript对象。您也可以使用getState（）检索状态

请阅读

---

如果您的问题还包括希望将此数据保存到数据库，则您必须使用一些API连接到数据库，或者使用fs保存到文件。

现在输入值保存到您的状态。因此，您的邮件m具有m.state.value==您输入的任何内容。您是否希望创建所有这些值的集合？是否希望to是否保存到文件？如果您需要状态管理器，我建议查看Redux JS。是的，我正在阅读有关Redux的内容。如果我将此数据保存到存储，我以后如何检查所有保存的数据？以及它将保存在哪里？我添加了一个答案