Передача данных из моего NodeJS обратно в компонент React - PullRequest
0 голосов
/ 07 июня 2018

У меня есть компонент 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;

когда я пытаюсь этот код, я всегда нахожу пустую страницу и никакие данные не отображаются

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...