React组件无法呈现

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标记名称约定,用于区分内置组件和自定义组件.内置组件以lowerCase字母开头,而自定义组件将以upperCase字母开头