Reactjs React-如何从服务器端到客户端获取值/变量

Reactjs 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,

我的客户端拥有我文件夹中的所有文件名

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, files) {
                console.log(files); //here are the filename I wanted to get
                return files;
        });
}
    render() {
    return (
        <div className="wrapper">
            <h1>Drop &amp; 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 &amp; 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库