javascript - react 组件不渲染

Question

我正在构建一个迷你应用程序，以使用 Ryanair 的 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/>

This is a JSX tag name convention used to differentiate between built in components and custom components. Built in components start with a lowerCase letter, whereas custom components will start with a upperCase letter