ReferenceError: Не удается найти переменную React - React Navigation

Question

Я использую компонент DrawerNavigation React Navigation. Я передаю пользовательский экран, используя его свойство contentComponent . Тем не менее, я продолжаю получать следующую ошибку:

Я знаю, мы не должны публиковать скриншоты кода, но я не мог найти способ скопировать трассировку стека из симулятора.

Я проверил файл DrawerSidebar.js, и он явно импортирует React. Я использую последнюю версию реагировать на навигацию, и это файл , который, кажется, вызывает ошибку.

Answer 1

Вы должны импортировать реагировать в ваш компонент навигации, где определено createDrawerNavigator ().Как это:

import React, { Component } from "react";

Answer 2

Ваш пользовательский компонент может быть .jsx.

.jsx необходим для импорта React из-за его синтаксического сахара.

https://reactjs.org/docs/jsx-in-depth.html

По сути, JSXпросто предоставляет синтаксический сахар для функции React.createElement (component, props, ... children)

<MyButton color="blue" shadowSize={2}>
  Click Me
</MyButton>

компилируется в:

React.createElement(
   MyButton,
   {color: 'blue', shadowSize: 2},
   'Click Me'
)

Реакция должна быть в области действия

Поскольку JSX компилируется в вызовы React.createElement, библиотека React также всегда должна находиться в области видимости из вашего кода JSX.