Phản ứng JS Lỗi: không được định nghĩa phản ứng/jsx-no-undef

Question

Tôi đang phát triển một tính năng bản đồ sử dụng ReactJS, file app.js của tôi là:

import React, { Component } from 'react'; 
import './Map'; 
class App extends Component { 
    render() { 
    return (
     <div className="App"> 
      <Map/> 
     </div> 
    ); 
    } 
} 
export default App; 

Lỗi này là:

./src/App.js 
Line 8: 'Map' is not defined react/jsx-no-undef 

Search for the keywords to learn more about each error. 

Làm thế nào tôi có thể giải quyết vấn đề này?

Answer 1

Hãy thử sử dụng

import Map from './Map'; 

Answer 2

bạn nên làm import Map from './Map' Phản ứng chỉ là nói cho bạn nó không biết nơi biến bạn đang nhập là.

Answer 3

Bạn phải nói với nó mà thành phần bạn muốn nhập khẩu bằng cách đưa ra một cách rõ ràng lớp name..in trường hợp của bạn đó là Map

import Map from './Map; 
class App extends Component{ 
    your code here... 
} 

Answer 4

Điều này xảy ra với tôi thỉnh thoảng, thường nó chỉ là một sự giám sát đơn giản. Chỉ cần chú ý đến chi tiết, lỗi chính tả đơn giản, v.v. Ví dụ: khi sao chép/dán câu lệnh nhập, như sau: