Question

美好的一天，我有一个问题。您可以使用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>
      )
    }
    };

Answer 1

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

请阅读StreamBuilder

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

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

1 个答案: