Question

我有一个名为index.js的文件，其中包含用于从表中选择数据的查询。

在另一个文件中，我编写了代码以从表中获取数据。执行代码时，我可以打印一些单词，但不能打印或从表中获取数据。

class MyApp extends React.Component{
    constructor(props){
        super(props)
        this.state= {
            employees:[],
            success : 0
        }
        this.getList = this.getList.bind(this)

    }
    getList(){
        let config = {
            url:'/api/gettable '
        };
        return new Promise((resolve,reject) =>{
            customFetch(config)
            .then((res) => {
                resolve(res.rows);
            }).catch((err) => {
                reject(new Error(err));
            });
        })
    }

    async componentDidMount(){
        try{
            let employeeData = await this.getList();
            this.setState({
                employees:employeeData
            })
        }
        catch(err){
            console.log(err);
        }
    }
    render(){
        return(
            <div className="dashboard animated slideInUpTiny animation-duration-3 ">
                 <div className="row">
                    <div className="app-wrapper pb-0">
                        <div>
                            <h1>Welcom</h1>



                            {this.state.employees.map(employee => <div>Id={employee.Id} Name={employee.Name} Description={employee.Description} Date={employee.Date} </div>)}

                        </div>
                    </div>
                </div>
             </div>
        );
    }

}

export default MyApp ;

它打印welcome，但不打印表的数据。

Answer 1

尝试一下：

更改此行

this.state.employees.map(employee => <div>Id={employee.Id} Name={employee.Name} Description={employee.Description} Date={employee.Date} </div>)}

收件人

 {this.state.employees && this.state.employees.map(employee => <div>Id={employee.Id} Name={employee.Name} Description={employee.Description} Date={employee.Date} </div>)}

从表中获取数据

1 个答案: