反应？有什么替代方法可以处理数据答案

【问题标题】：React? What alternatives to do with data反应？有什么替代方法可以处理数据
【发布时间】：2018-10-22 04:13:17
【问题描述】：

您好，我有一个问题。你可以对来自 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>
      )
    }
    };

【问题讨论】：

现在输入值已保存到您的状态中。所以你的 Mail m 有 m.state.value == 你输入的任何内容。
您是否想创建一个包含所有这些值的集合？是否要保存到文件？如果你想要一个状态管理器，我建议你研究一下 Redux JS。
是的，我正在阅读有关 Redux 的信息。如果我将此数据保存到存储中，我以后如何检查所有保存的数据？它会保存在哪里？
我添加了答案

标签： reactjs api store

【解决方案1】：

根据 OP 请求（请参阅 cmets），我会推荐使用 ReduxJS。对于 Redux，要理解的核心概念是 Reducers，纯函数，它将具有默认状态，并且可以通过 dispatch(action) 调度动作。在详细说明操作时，他们将更新状态。您可以定义一组操作（例如一个添加输入变量，一个删除最后添加的或按名称..只是示例），状态将根据每个操作而变化。然后，reducer 将返回当前状态，一个 Javascript 对象。您也可以使用 getState() 检索状态。

请阅读https://redux.js.org/api-reference/store#getState

如果您的问题还包括希望将此数据保存到数据库，您将不得不使用一些 API 来连接它，或者可能使用 fs 来保存到文件。

【讨论】：