react.js - react 没报错，但是数据不显示。

问题描述

问 题

父组件Orders ：

class Orders extends Component{
  state = {
    flightData: [
      {
        id: 1,
        title: '哈哈11',
        time: '2016-10-02'
      }
    ]
  }
    render(){
        const { flightData } = this.state;
        return (<div className={styles.Orders}>

                <OrdersFlight data={flightData} />
            </div>
            
            </div> )
    }
}

export default Orders

子组件OrdersFlight ：

const OrdersFlight = ({data}) =>{

        return (<div className={styles.OrdersFlight}>
            <p className={styles.start}>{data.title}</p>   
            <p className={styles.startTime}>{data.time}</p>

子组件里面的{data.title}数据不显示，为什么呢？

解决方案

因为flightData是个数组

这篇关于react.js - react 没报错，但是数据不显示。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！