Question

使用 Reactjs 和 Nodejs 将数据存储在变量中

2020-08-06

149

node.js reactjs

我正在使用 React 和 nodejs，我可以成功检索数据，但无法将其存储在变量中

 OnSubmit(e){
    
    const user={
      email:this.state.email,
      password:this.state.password,
      
    }
    axios.post('http://localhost:5000/Users/login',user)
    .then(res=>(console.log(res.data)))//want to store this res.data in a variable
    
    
    
    
    
    
    localStorage.setItem("token","got")
    
    this.setState({
      loggedin:true
    })

Answer 1

在箭头函数中，括号 () 具有隐式返回语句，并且只能包含单个语句。而括号 { 需要显式返回语句，您可以在范围内添加多个语句。

axios.post('http://localhost:5000/Users/login',user)
    .then(res=> {
       // Here, you can do required manipulation of data returned from promise
       console.log(res.data)
       
       localStorage.setItem("token","got")
    
       this.setState({ loggedin:true })
    })

Answer 2

您可以将其与变量、React 状态（类组件）或钩子相同。有多种方法可用：基于类的组件： axios.post('http://localhost:5000/Users/login',user) .then(res=>this.setState({data:res.data}))

Answer 3

在状态中定义一个变量，例如“userData: null”; 然后执行以下操作，

axios.post('http://localhost:5000/Users/login',user)
.then(res=>{
 // try to console.log `res` and checkout its hierarchy. 
 this.setState({userData: res.data});
})