Javascript 如何使用expressjs中的reactjs访问json?
我不熟悉Javascript 如何使用expressjs中的reactjs访问json?,javascript,node.js,reactjs,express,Javascript,Node.js,Reactjs,Express,我不熟悉reactjs和expressjs。如何从reactjs获取数据并将其存储在变量中 到目前为止,我能够做res.send数据 app.get('*', (req, res) => { const data = {hello: world}; res.send(data); }); 这会将数据发送到浏览器并显示,但我只想将数据保存到变量中,而不是显示它 您可以在React组件中执行以下操作: import React, { Component } from 'r
reactjs
和expressjs
。如何从reactjs
获取数据并将其存储在变量中
到目前为止,我能够做res.send
数据
app.get('*', (req, res) => {
const data = {hello: world};
res.send(data);
});
这会将数据发送到浏览器并显示,但我只想将数据保存到变量中,而不是显示它 您可以在React组件中执行以下操作:
import React, { Component } from 'react';
import './App.css';
class App extends Component {
constructor(){
super();
this.state ={users: []};
}
componentDidMount() {
fetch('/users')
.then(users => {
console.log(users);
this.setState({ users })
});
}
render() {
return (
<div className="App">
<h1>Users</h1>
{this.state.users.map(user =>
<div key={user.id}>user: {user.name} Password: {user.password}</div>
)}
</div>
);
}
}
export default App;
import React,{Component}来自'React';
导入“/App.css”;
类应用程序扩展组件{
构造函数(){
超级();
this.state={users:[]};
}
componentDidMount(){
获取(“/users”)
.then(用户=>{
console.log(用户);
this.setState({users})
});
}
render(){
返回(
使用者
{this.state.users.map(user=>
用户:{user.name}密码:{user.Password}
)}
);
}
}
导出默认应用程序;
假设您感兴趣的对象称为“用户”
(*您确实需要根据对象字段更改JSX,以进行测试)这是React.js示例
import axios from 'axios'
click () {
axios.get('yourAPIAdress')
.then(response => console.log(response))
}
这是node.js示例代码
const https = require('https');
https.get('yourAPIAdress', (resp) => {
let data = '';
// A chunk of data has been recieved.
resp.on('data', (chunk) => {
data += chunk;
});
// The whole response has been received. Print out the result.
resp.on('end', () => {
console.log(JSON.parse(data).explanation);
});
}).on("error", (err) => {
console.log("Error: " + err.message);
});
您的显示代码在哪里?您已经将数据存储到一个常量中,您实际想要做什么?您尝试过什么?您是否在问如何将变量从客户端存储到服务器?如何访问和显示从服务器到客户端的数据