反应?有什么替代方法可以处理数据

React? What alternatives to do with data

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

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

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

如果您的问题还包括想要将这些数据保存到数据库中,您将不得不使用一些 API 来连接它,或者可能使用 fs 来保存到文件。