反应?有什么替代方法可以处理数据
React? What alternatives to do with data
你好,我有一个问题。你可以用来自 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>
)
}
};
根据 OP 请求(见评论)我会推荐使用 ReduxJS。
对于 Redux,要理解的核心概念是 Reducers, 纯函数 将具有默认状态并且可以使用 dispatch(action) 调度动作。在详细说明操作后,他们将更新状态。您可以定义您的一组操作(例如,一个添加输入变量,一个删除最后添加的或按名称..只是示例),状态将根据每个操作而变化。然后,reducer 将 return 当前状态,一个 Javascript 对象。您也可以使用 getState() 检索状态。
请阅读https://redux.js.org/api-reference/store#getState
如果您的问题还包括想要将这些数据保存到数据库中,您将不得不使用一些 API 来连接它,或者可能使用 fs 来保存到文件。
你好,我有一个问题。你可以用来自 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>
)
}
};
根据 OP 请求(见评论)我会推荐使用 ReduxJS。 对于 Redux,要理解的核心概念是 Reducers, 纯函数 将具有默认状态并且可以使用 dispatch(action) 调度动作。在详细说明操作后,他们将更新状态。您可以定义您的一组操作(例如,一个添加输入变量,一个删除最后添加的或按名称..只是示例),状态将根据每个操作而变化。然后,reducer 将 return 当前状态,一个 Javascript 对象。您也可以使用 getState() 检索状态。
请阅读https://redux.js.org/api-reference/store#getState
如果您的问题还包括想要将这些数据保存到数据库中,您将不得不使用一些 API 来连接它,或者可能使用 fs 来保存到文件。