我在拉动我处于状态的对象并将其显示在网页上时遇到麻烦。它在网页上的显示方式并不重要,我只想弄清楚到目前为止如何查看它。
import React, { Component } from 'react';
import {Link} from 'react-router-dom';
import axios from 'axios'
const test = require('../controller')
export default class Calandar extends Component {
constructor(props) {
super(props)
this.state = {
avalable: {},
unavalable: {}
}
}
componentDidMount() {
axios.get('/api/avalable').then(res => {
// console.log(res.data)
this.setState({avalable: res.data})
})
}
render() {
return (
<div>
Calandar.js
<div>
{console.log(this.state.avalable)}
</div>
</div>
);
}
}
这是我通过从数据库执行get请求保存的数组。
0: {…}
avalable: true
date: "1-1-1"
dentist: "dentist_test"
id: 1
name: "dentist_test"
office: "test_office"
time: "01:01:01"
最佳答案
除非我缺少任何内容,否则将console.log放到JSX中应该是:
{this.state.avalable}
但更具体地说,如果您希望从该对象显示牙医名称,请使用:
{this.state.avalable.dentist}