У меня есть компонент React, который является GaleryPage, и я хочу показать список информации, которую я нашел, с моей задней стороной, которая является file_name и Type_contract. Это мой код обратной стороны:
app.post('/convert', upload.single('file'),(req, res) =>{
if(req.file){
let file= req.file.filename
let Type_contract = 'Contract'
let file_name = path.basename(file,path.extname(file))
console.log(file_name);
console.log(Type_contract);
}
res.redirect('/');
и вот мой компонент React:
import React, { Component } from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
class GaleryPage extends Component {
constructor(props) {
super(props);
this.state = {
file_name: '',
Type_contract:''
};
}
componentDidMount() {
const data = new FormData();
fetch('http://localhost:8080/upload',{
method: 'POST',
body: data
})
.then((file_name,Type_contract) => this.setState({
file_name: file_name,
Type_contract:Type_contract
})
)}
render() {
return (
<div>
<ul>
<li file_name={this.state.file_name}>file_name=
{this.state.file_name}</li>
<li Type_contract={this.state.Type_contract}>Type_contract=
{this.state.Type_contract}</li>
</ul>
</div>
);
}
}
export default GaleryPage;
когда я пытаюсь этот код, я всегда нахожу пустую страницу и никакие данные не отображаются