Reactjs React-如何从服务器端到客户端获取值/变量
我的客户端拥有我文件夹中的所有文件名 server.jsReactjs React-如何从服务器端到客户端获取值/变量,reactjs,express,client-server,display,data-transfer,Reactjs,Express,Client Server,Display,Data Transfer,我的客户端拥有我文件夹中的所有文件名 server.js var express = require('express'); var formidable = require('formidable'); var app = express(); var fs = require('fs'); app.use(express.static(__dirname)); function test(){ fs.readdir('./uploads/', function(err,
var express = require('express');
var formidable = require('formidable');
var app = express();
var fs = require('fs');
app.use(express.static(__dirname));
function test(){
fs.readdir('./uploads/', function(err, files) {
console.log(files); //here are the filename I wanted to get
return files;
});
}
render() {
return (
<div className="wrapper">
<h1>Drop & Upload Files</h1>
<DropZoneBox url={this.props.url} onUploaded={this.appendThumbnail} />
<Output files={this.state.files} />
<br/>
<h2>List of Uploaded File</h2>
<div className="hh">
<ul>
<li>Test</li> // how to display all the filename at here ????????
<li>Test</li>
<li>Test</li>
</ul>
</div>
</div>
);
}
Dropuploadfile.js
var express = require('express');
var formidable = require('formidable');
var app = express();
var fs = require('fs');
app.use(express.static(__dirname));
function test(){
fs.readdir('./uploads/', function(err, files) {
console.log(files); //here are the filename I wanted to get
return files;
});
}
render() {
return (
<div className="wrapper">
<h1>Drop & Upload Files</h1>
<DropZoneBox url={this.props.url} onUploaded={this.appendThumbnail} />
<Output files={this.state.files} />
<br/>
<h2>List of Uploaded File</h2>
<div className="hh">
<ul>
<li>Test</li> // how to display all the filename at here ????????
<li>Test</li>
<li>Test</li>
</ul>
</div>
</div>
);
}
render(){
返回(
拖放和上载文件
上载文件列表
- Test
//如何在此处显示所有文件名????????
- 试验
- 试验
);
}
我需要显示我在server.js和dropuploadfile.js上获得的所有文件名,如何显示?感谢使用axios库