الكود لا يتعرف على العنصر React

في المكونات الوظيفية يجب داءما استدعاء React لم افهم هذا في البداية حيث ان المكون لا يستخدمه بطريقة مرئية لأعيننا كهذا المثال

import React from "react"

function Person(props) {
  return (
    <p>My name is {props.name}</p>
  );
}

 لكن في الحقيقة المكون سيتحول ليصبح هكذا 

import React from "react

function Person(props) {
  return React.createElement(
    “p”,
    null,
    “My name is “,
    props.name
  );
}

 وهنا ستستنتج لماذا استدعاء React شئ ضروري حيث ان الكود في الخلفية يستخدم React.createElement ويجب ان نوفرها له

مرحبًا @ابراهيم الربيع،

إن الخطأ لديك ظاهر في الأسفل حيث يحدثك الخطأ أن كلمة React لم يتم التعرف عليها لهذا يجب استدعائها من ملفات ريكت ليتم التعرف عليها.

ويمكنك استدعائها من خلال الأمر التالي:

import React from 'react'

عند إضافتك لأمر الاستدعاء في أعلى الشيفرة مع أوامر الاستدعاء الأخرى سوف يتم التعرف على React وسوف يعمل الـ component بشكل صحيح.

شكرًا لك.

مرحبا،

يخبرك الخطأ انه لم يتعرف على العنصر React في السطر السابع،

لذلك قم باستدعاء عنصر React لتتمكن عناصر الصفحة من التعرف عليه و استدعائه عبر تعديل السطر الثالث ليصبح كما يلي:

import React, { createElement } from 'react';

وبذلك يفترض أن يعمل الكود لديك

بالتوفيق