反应组件不渲染

Question

我正在构建一个迷你应用程序来获取航班日期价格等使用瑞安航空的API。

我有一个组件有条件地渲染2个其他组件，根据是否有一天的航班或没有，但它不工作。

import React from 'react'; 
import isFlight from './isFlight'; 
import noFlight from './noFlight'; 

function FlightCheck({isflight}){ 
    if(isflight === true){ 
    return <isFlight/>; 
    } 
    return <noFlight/>; 
} 
export default FlightCheck; 

Answer 1

您的组件名称需要以大写字母开头。

import IsFlight from './isFlight'; 
import NoFlight from './noFlight'; 

<IsFlight/> 

<NoFlight/> 

这是一个JSX标签名称约定用来区分内置的组件和定制组件之间。内置组件以小写字母开头，而自定义组件以大写字母开头