Các thành phần phản ứng không hiển thị

Question

Tôi đang xây dựng một ứng dụng nhỏ để có được giá ngày bay vv bằng cách sử dụng API của Ryanair.

Tôi có một thành phần để có điều kiện hiển thị 2 thành phần khác dựa trên nếu có chuyến bay trong ngày hay không, nhưng nó không hoạt động.

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

Tên thành phần của bạn cần bắt đầu bằng chữ hoa.

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

<IsFlight/> 

<NoFlight/> 

Đây là một JSX tên thẻ ước dùng để phân biệt giữa xây dựng trong các thành phần và các thành phần tùy chỉnh. Các thành phần được tích hợp bắt đầu bằng một chữ cái lowerCase, trong khi các thành phần tùy chỉnh sẽ bắt đầu bằng một chữ cái viết thường là